|
|
Pour faire défiler un texte, il faut utiliser la balise <marquee/>.
<marquee>J'inscris ici mon texte défilant grâce à la balise <marquee/>... </marquee>
Ici, le texte défile toujours de gauche à droite. Vous pouvez aussi le faire alterner en ajoutant l'attribut behavior="alternate".
<marquee behavior="alternate">J'inscris ici mon texte défilant grâce à la balise </marquee>... </marquee>
Si le sens du défilement ne vous plaît pas, on peut ajouter l'attribut direction, qui prend pour valeur right, left, up ou down.
<marquee direction="right">J'inscris ici mon texte défilant grâce à la balise <marquee/>... </marquee>
<marquee height="50px" direction="up">J'inscris ici mon texte défilant grâce à la balise <marquee/>... </marquee>
On peut aussi changer la hauteur ou la largeur, avec les attributs height et width.
<marquee width="150px">J'inscris ici mon texte défilant grâce à la balise <marquee/>... </marquee>
On peut aussi déterminer de combien le texte va avancer. C'est l'attribut scrollamount. Et la vitesse du déplacement : scrolldelay. En jouant sur ces deux valeurs, on peut faire défiler lentement
:
<marquee scrollamount="1" scrolldelay="500">J'inscris ici mon texte défilant grâce à la balise <marquee/>...</marquee>
plus rapidement
<marquee scrollamount="10" scrolldelay="1">J'inscris ici mon texte défilant grâce à la balise <marquee/>...</marquee>
On peut aussi faire avancer par saccades
<marquee scrollamount="50" scrolldelay="500">J'inscris ici mon texte défilant grâce à la balise <marquee/>...</marquee>
Et bien sûr, on peut changer la taille, la police... enfin la totale, quoi... Pour cela, dans la balise <marquee/>, on ajoute la balise <span/> avec tous les attributs de style
souhaités.
<marquee><span style="color:#A36EA3; font-weight:bold;">J'inscris ici mon texte défilant (en mauve et en gras) grâce à la balise <marquee/>...</span></marquee>
Oh... Et beaucoup d'entre vous veulent que le texte ne défile plus au passage de la souris... C'est notamment très pratique quand on fait défiler des images à la place du texte... Et bien c'est
tout simple !
<marquee><span onmouseover="this.stop();" onmouseout="this.start();">J'inscris ici mon texte défilant (qui s'arrête au passage de la souris) grâce à la balise
<marquee/>...</span></marquee>