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>
@++