CodeS-SourceS
Rechercher un code, un tuto, une réponse

Tuto sur les balises de défilement

Juillet 2017

Salut,
je vais vous présenter un tutoriel sur la balise <marquee> qui permet de faire défiler du texte comme des images...
<marquee>Votre texte</marquee>
Nous n'allons pas laisser la balise telle quelle, voilà ce qu'il est possible d'y ajouter :

ParamètresValeurs possiblesA quoi ça sert ?
Directionright
down
left
up
vers la droite
vers le bas
vers la gauche
vers le haut
BehaviorAlternate
Scroll
Slide
Va et vient
défile
défile et s'arrête (loop devant être réglé à 1)
Width et Heightdéfini en pixels ou en pourcentage de la fenêtreLargeur ou Hauteur de la marquise.
LoopnombreNombre de "passage" de la marquise.
Régler sur -1 ou infinite pour obtenir une animation infinie
Z-indexnombreRéglage de la superposition des images. Plus le nombre est grand, plus l'image se trouvera sur le dessus lors du "croisement" des images.
ScrollAmountnombreIci on indique de combien de pixels l'image ou le texte avance à chaque "pas".
ScrollDelaynombreEn millisecondes: le délai entre chaque avancée ou pas de l'image.

Mais il est aussi possible de rajouter ceci:


onmouseover='this.stop()'Quand le curseur survol, la marquise l'animation se stope
onmouseout='this.start()'Quand le curseur sort de la marquise, l'animation repart

Un petit exemple pour la fin:
<marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="loop" width="100" loop="-1" direction="up" height="50" scrollamount="1" scrolldelay="10">coucou</marquee>


@++

A voir également

Publié par nico606.
Ce document intitulé «  Tuto sur les balises de défilement  » issu de CodeS-SourceS (codes-sources.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Utilisation de fichiers *.js dans une page html