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
- Balise marquee
- Marquee html - Meilleures réponses
- Html marquee - Meilleures réponses
- Fermer balise html - Forum PHP
- La balise <marquee> avec pause ? - Forum Javascript / DHTML
- Liste balise php - Forum PHP
- Balise géolocalisation véhicules entreprise - Forum Java
- Liste déroulante php + remplissage automatique de champs - Forum PHP
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.