Sans JavaScript produire un texte défilant - HTML fonctionne si

FONTE ZOOM:

Si vous créez votre site web un ticker nouvelles simple, ou si vous souhaitez signaler un message important aussi, vous pouvez avoir l'affichage de texte comme un texte défilant. Pour cela, vous devez pas nécessairement une fonction JavaScript, mais pouvez également utiliser une balise HTML simple, le contraire JavaScript a aussi un avantage décisif.

Inconvénient d'un chapiteau avec JavaScript

Se il est relativement facile de créer un texte locomotive en utilisant JavaScript, mais cela a un inconvénient important.

  • Ainsi, JavaScript peut être désactivé dans le navigateur de l'utilisateur respectif, de sorte que votre fonction sera pas affiché du tout.
  • Cela peut être évité en place simplement "chapiteau" utiliser la balise HTML correspondant, qui est supporté par les navigateurs les plus populaires, même se il ne est pas officiellement standardisée.
  • Peu importe si vous utilisez JavaScript ou la balise marquee, vous devez être conscient que le texte en cours d'exécution peut être perçue par vos visiteurs inquiétantes. Tickers sont aujourd'hui sauf pour newstickers que très rarement à des sites Web modernes, alors vous feriez mieux le point avec des structures claires et des couleurs sur un aspect particulier.

Marquee l'utilisation de code HTML

La balise HTML "chapiteau", comme la plupart des balises construits simple, de sorte que vous devez toujours écrire seulement le jour pour créer un texte défilant.

  • Pour cela suffirait que vous écriture Votre message à l'endroit désiré. Ce serait le texte "Votre message" du bord droit de l'écran en permanence migrer vers la gauche.
  • Si vous voulez changer cette direction, tout ce que vous avez besoin est l'attribut "direction" Insertion et puis spécifiez le sens anglais. Donc, si vous souhaitez que le texte se déplace de gauche à droite, vous auriez Message , parce que les directions de propagation selon censés être «droit».
  • Ainsi, le chapiteau se déplace toujours d'avant en arrière, de sorte change automatiquement dans l'autre sens lorsque le bord est atteint, vous pouvez utiliser l'attribut "comportement" avec la valeur "alternate". Cela pourrait ressembler à ceci: Message .
  • Vous avez également la possibilité d'exécuter vitesse du texte en utilisant les deux attributs "scrollamount" et l'influence "retard de défilement". L'attribut "scrollamount" détermine dans quelle mesure le texte respectif doit se déplacer à chaque étape, de sorte que le nombre de pixels il devrait encore sauter en avant. L'attribut "de retard défilement" détermine le temps entre les sauts individuels, à savoir le retard respectif. Un texte progresse rapidement possible ici, par exemple avec " Votre message sera généré .
  • Enfin, vous pouvez également faire la zone de sélection. Vous avez, par exemple, la possibilité d'ajuster la hauteur de la zone de sélection, définir une couleur de fond ou régler la couleur de la police du texte, celui-ci est possible sur la base des balises de police supplémentaires. Pour une grande zone 50px d'avoir un fond noir et caractères blancs, vous pouvez écrire: Message .
    VOIR AUSSI:
    1.  
    2.  
    3.  
    Sans commentaires

    Laisser un commentaire

    Code De Sécurité