Le texte qui clignote n'a jamais fait partie des fonctions HTML standard, et il n'y a aucun moyen utilisé pour obtenir cet effet qui fonctionne dans tous les navigateurs. La meilleure option qui utilise uniquement du HTML est la balise "marquee", mais elle ne fonctionne pas avec Google Chrome. L'utilisation de JavaScript est une méthode plus fiable et vous pouvez copier et coller le code directement dans votre document HTML.
Pas
Méthode 1 sur 2: Utilisation de la balise de sélection
Étape 1. Utilisez le tag pour des projets personnels uniquement
Cette balise est obsolète et son utilisation par les développeurs est fortement déconseillée. Les textes avec cette balise sont affichés différemment selon le navigateur utilisé, et les futures mises à jour peuvent même empêcher le texte de clignoter. Apprenez à utiliser Javascript si vous créez un site Web professionnel.
Google Chrome ne prend pas en charge l'attribut "scrollamount" utilisé par cette méthode. Dans Chrome, le texte défile sur la page au lieu de clignoter
Étape 2. Insérez le texte souhaité entre les balises
Ouvrez le document HTML dans un simple éditeur de texte. Tapez au début du texte. Tapez à la fin du texte.
Comme pour tout autre document HTML, vous devez d'abord écrire les balises de base:,, et
Étape 3. Définissez la largeur du texte
Remplacez la balise de début par <marquee largeur="300">. Cela ne changera pas la taille de la police. Il y a deux raisons pour lesquelles vous pourriez avoir besoin de changer la largeur:
- Si le texte ne tient pas, il défilera au lieu de clignoter. Augmentez la largeur pour éviter que cela ne se produise.
- Dans Chrome, le texte défile sur une distance déterminée par sa largeur.
Étape 4. Réglez le "scrollamount" sur la même valeur de largeur
Dans la même balise, écrivez scrollamount="300" (ou ce que vous choisissez pour la largeur). Par défaut, le texte défile sur la page. En définissant le « scrollamount » sur le même nombre que la largeur, le texte « défilera » dans la même position qu'il est. Cela fait clignoter le texte.
-
Votre texte devrait ressembler à quelque chose comme:
Texte ici…
Étape 5. Modifiez la vitesse de clignotement
Ouvrez le fichier HTML dans un navigateur pour voir l'effet. Si le texte clignote trop vite ou trop lentement, modifiez la vitesse avec l'attribut scrolldelay="500". La valeur par défaut est 85. Utilisez un nombre plus grand pour que le texte clignote plus lentement, ou un nombre plus petit pour un clignotement plus rapide.
-
Le code doit maintenant ressembler à l'exemple suivant:
Texte ici.
Étape 6. Limitez le nombre de clignotements (facultatif)
De nombreux utilisateurs trouvent le texte clignotant sur les pages ennuyeux. Pour arrêter l'effet après qu'il a déjà attiré l'attention du lecteur, tapez boucle="7". Désormais, le texte ne clignotera que sept fois et disparaîtra. (Vous pouvez remplacer le « 7 » par tout autre numéro que vous préférez).
-
Le code complet est le suivant:
Texte ici.
Méthode 2 sur 2: Utilisation de JavaScript
Étape 1. Insérez un script au début du document HTML
Entre les balises et le document HTML, insérez le code JavaScript suivant:
-
fonction clignoter() {
var f = document.getElementById('annonce');
setInterval(fonction() {
f.style.visibility = (f.style.visibility == 'caché' ? '': 'caché');
}, 1000);
}
Étape 2. Entrez la commande pour charger le script
Le code ci-dessus défini une fonction nommée "clignote". Pour utiliser cette fonction dans votre code HTML, remplacez la balise par.
Étape 3. Définissez votre texte en tant qu'annonce
Le script n'affectera que les éléments avec l'identifiant "publicité". Mettez votre texte clignotant dans n'importe quel élément et utilisez cet identifiant. Par exemple, tapez
Texte ici.
ou texte ici..
Vous pouvez saisir le nom de votre choix. N'oubliez pas d'utiliser le même mot dans le script et dans l'identifiant de l'élément
Étape 4. Ajustez le script
Le nombre "1000" dans le script définit le temps entre chaque clignotement. La valeur est en microsecondes, donc une valeur de 1000 fait clignoter le texte une fois par seconde. Utilisez un nombre plus petit pour faire clignoter le texte plus rapidement, ou un nombre plus grand pour clignoter plus lentement.
Le temps réel ne sera probablement pas exactement cette valeur. Il est généralement légèrement plus court, mais cela peut prendre plus de temps si le navigateur est occupé par d'autres processus
Des astuces
- Vous pouvez ajuster l'apparence du texte avec l'attribut « style ». Ajoutez du texte: style="border:solid".
- Un attribut de hauteur et de largeur peut être inclus dans la balise de sélection, mais de nombreux navigateurs ignoreront la commande. Vous pouvez faire la différence si vous avez ajouté une bordure.
- Vous pouvez également utiliser des animations CSS pour faire clignoter le texte. Faire cela est assez compliqué et déconseillé aux débutants en CSS. Gardez à l'esprit que vous devrez lier un document CSS, car Firefox ne prend pas en charge les animations CSS par défaut.