Générer un ticker sans JavaScript

instagram viewer

Si vous souhaitez créer un simple téléscripteur sur votre site Web ou signaler un message important, vous pouvez afficher le texte sous forme de téléscripteur. Vous n'avez pas forcément besoin d'une fonction JavaScript pour cela, vous pouvez utiliser à la place une simple balise HTML, qui a également un avantage décisif sur JavaScript.

Créer un ticker avec la balise HTML " marquee"
Créer un ticker avec la balise HTML "marquee"

Inconvénient d'un ticker avec JavaScript

Bien qu'il soit relativement facile de créer du texte en mouvement avec JavaScript, il présente un inconvénient majeur.

  • JavaScript pourrait être désactivé dans le navigateur respectif du visiteur afin que votre fonction ne soit pas affichée du tout.
  • Vous pouvez éviter cela en ajoutant simplement la balise HTML appropriée "marquee" (Eng. Utilisez "ticker"), qui est pris en charge par les navigateurs les plus courants, bien qu'il ne soit pas officiellement standardisé.
  • Que vous utilisiez JavaScript ou la balise marquee, vous devez savoir qu'un texte en cours d'exécution peut être perçu comme ennuyeux par vos visiteurs. Aujourd'hui, à l'exception des téléscripteurs, les téléscripteurs font très rarement partie des sites Web modernes, afin que vous puissiez mieux souligner un certain aspect avec des structures claires et une correspondance des couleurs devrait.

Utiliser Marquee dans le code HTML

La balise HTML "marquee", comme la plupart des balises, a une structure simple, de sorte que vous n'avez qu'à écrire la balise pour générer un ticker.

Créer un téléscripteur pour la page d'accueil - c'est comme ça que ça marche

Si vous souhaitez ajouter une fonction de téléscripteur à votre page d'accueil, vous pouvez le faire ...

  • ça te suffirait Votre message écrire à l'endroit désiré. En conséquence, le texte "Votre message" se déplacerait régulièrement vers la gauche à partir du bord droit de l'image.
  • Si vous voulez changer cette direction, vous n'avez besoin que de l'attribut "direction". Direction) puis entrez la direction anglaise. Donc, si vous voulez que le texte se déplace de gauche à droite, vous devez Votre message écrire, car le sens de déplacement doit être vers la "droite".
  • Pour que le téléscripteur se déplace toujours d'avant en arrière, c'est-à-dire qu'il bascule automatiquement dans l'autre sens, dès que le bord de l'image est atteint, vous pouvez utiliser l'attribut "comportement" avec la valeur "alternatif" utilisation. Par exemple, cela pourrait ressembler à ceci: Votre message.
  • Vous avez également la possibilité d'influencer la vitesse de défilement du texte à l'aide des deux attributs "scrollamount" et "scrolldelay". L'attribut "scrollamount" définit dans quelle mesure le texte respectif doit se déplacer à chaque étape, c'est-à-dire de combien de pixels il doit avancer. L'attribut "scrolldelay" détermine le temps entre les sauts individuels, c'est-à-dire le retard respectif. Un texte qui progresse rapidement pourrait, par exemple, commencer par "Votre message être généré.
  • Enfin, vous pouvez également concevoir la zone de téléscripteur. Par exemple, vous avez la possibilité de définir la "hauteur" de la zone de sélection, une Définissez la couleur d'arrière-plan ou ajustez la couleur de police du texte, cette dernière en fonction de la les balises de police sont possibles. Pour une zone de 50px de haut qui devrait avoir un fond noir et une police blanche, il faudrait écrire: Votre message.

Dans quelle mesure trouvez-vous cet article utile ?

click fraud protection