Mon autre blog

Ceci n'est que mon blog de test... J'ai un autre blog, un vrai, plus attrayant et plus complet que celui-ci...

Recommander

Vendredi 28 juillet 2006 5 28 /07 /2006 12:36

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>

J'inscris ici mon texte défilant grâce à la balise </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>

J'inscris ici mon texte défilant grâce à la balise </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>

J'inscris ici mon texte défilant grâce à la balise </marquee>...



<marquee  height="50px" direction="up">J'inscris ici mon texte défilant grâce à la balise <marquee/>... </marquee>

J'inscris ici mon texte défilant grâce à la balise </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>

J'inscris ici mon texte défilant grâce à la balise </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>

J'inscris ici mon texte défilant grâce à la balise </marquee>...


plus rapidement
<marquee scrollamount="10" scrolldelay="1">J'inscris ici mon texte défilant grâce à la balise <marquee/>...</marquee>

J'inscris ici mon texte défilant grâce à la balise </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>

J'inscris ici mon texte défilant grâce à la balise </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>

J'inscris ici mon texte défilant (en mauve et en gras) grâce à la balise <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>

J'inscris ici mon texte défilant (qui s'arrête au passage de la souris) grâce à la balise <marquee/>...
Par Titia - Publié dans : Aides diverses
Ecrire un commentaire - Voir les 44 commentaires - Recommander
Retour à l'accueil
Créer un blog sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus