1
Merci

Quelques mots de remerciements seront grandement appréciés.

Tuto sur les balises de défilement

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ètres Valeurs possibles A quoi ça sert ?
Direction right
down
left
up
vers la droite
vers le bas
vers la gauche
vers le haut
Behavior Alternate
Scroll
Slide
Va et vient
défile
défile et s'arrête (loop devant être réglé à 1)
Width et Height défini en pixels ou en pourcentage de la fenêtre Largeur ou Hauteur de la marquise.
Loop nombre Nombre de "passage" de la marquise.
Régler sur -1 ou infinite pour obtenir une animation infinie
Z-index nombre Réglage de la superposition des images. Plus le nombre est grand, plus l'image se trouvera sur le dessus lors du "croisement" des images.
ScrollAmount nombre Ici on indique de combien de pixels l'image ou le texte avance à chaque "pas".
ScrollDelay nombre En 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
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.
17 Commentaires