Voici plusieurs façons de faire défiler un texte.
Le texte défile dans le sens de la lecture:
Le code pour obtenir ce défilement se trouve ci-dessous :
CODE |
<p><marquee> <font size="2" face="Verdana" color="#ff0000"> VOTRE TEXTE ICI </font> </marquee> </p>
|
En changeant certains paramètres
Ce que l'on peut faire sur un texte
classique est également accepté,, comme modifier la couleur du texte ou
mettre un fond, mais également le vitesse de défilement .
Copier le code ci-dessous afin d'obtenir ce résultat, il suffira de remplacer VOTRE TEXTE ICI par le texte de votre choix.
CODE |
<p> <marquee> <font size="3" face="Verdana" color="#0000ff"> VOTRE TEXTE ICI </font> </marquee> </p>
|
Choisir la vitesse de défilement :
Il est également possible de choir la vitesse de défilement du texte :
Le code ci-dessous est celui du premier exemple : la vitesse est réglée sur la valeur 1, pour accélérer cette vitesse il suffit d'augmenter la valeur qui suit le signe égal juste après l'attribut scrollamount.
CODE |
<p> <marquee scrollamount="1"> <font size="2" face="Verdana" color="#408080"> VOTRE TEXTE ICI </font> </marquee> </p>
|
Choisir le sens du défilement :
Vers la droite:
CODE |
<p> <marquee direction="right"> <font size="2" face="Verdana" color="#782ea9"> VOTRE TEXTE ICI </font> </marquee> </p>
|
Cette possibilité d'inverser le sens de défilement est donné par l'attribut "direction" qui suivie de sa valeur, dans ce cas "right".
Sens alterné:
CODE |
<p> <marquee behavior="alternate"> <font size="2" face="Verdana" color="#782ea9"> VOTRE TEXTE ICI </font> </marquee> </p>
|
La balise marquee suivi de l'attribut behavior auquel on donne la valeur "alternate" permet d'obtenir cette alternance du défilement.
Mettre un fond :
Sur tout la largeur disponible:
Le texte défilant a maintenant un fond jaune donné par le code qui suit l'attribut bgcolor
CODE |
<p> <marquee bgcolor="#FFFF00"> <font size="2" face="Verdana" color="#782ea9"> VOTRE TEXTE ICI </font> </marquee> </p>
|
Sur une portion de la largeur disponible:
Grâce à l'attribut width auquel la valeur 50% a été donnée, le texte n'occupe ici que la moitié de l'espace disponible.
CODE |
<p align="center"> <marquee width="50%" bgcolor="#ffff00"> <font face="Verdana" color="#ff0000" size="2"> VOTRE TEXTE ICI </font> </marquee> </p>
|
Source