Un petit script de défilement de texte, avec toutes les explications en prime, pour le personnaliser à volonté.
<!-- Début du code du texte défilant --><marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()">TAPEZ ICI VOTRE TEXTE</marquee><!-- Fin du code du texte défilant -->
Quelques explications:
Pour faire défiler un texte il faut utiliser la balise MARQUEE
Exemple :<MARQUEE> Votre texte </MARQUEE>DIRECTION : définit le sens de défilement, les valeurs possibles sont :
- right : défile vers la droite,
- left : défile vers la gauche,
- up : défile vers le haut,
- down : défile vers le bas.
BEHAVIOR : définit le type de défilement, les valeurs possibles sont :
- slide : glisse jusqu'au bord et s'arrête,
- alternate : le texte change de direction quand il arrive au bord de la zone d'affichage
BGCOLOR : définit la couleur de fond
Exemple : <MARQUEE bgcolor="blue"> Votre texte </MARQUEE>
SCROLLAMOUNT : définit le nombre de pixels duquel avance le texte (permet de rendre plus ou moins fluide le mouvement)
Exemple : <MARQUEE scrollamount="10"> Votre texte </MARQUEE>
SCROLLDELAY : définit la vitesse de défilement.
Exemple : <MARQUEE scrolldelay="10"> Votre texte </MARQUEE>
LOOP : définit le nombre de défilement, si la valeur est à 0, le texte défilement indéfiniment.
Exemple : <MARQUEE loop="6"> Votre texte </MARQUEE>
HEIGHT et WIDTH : définissent les dimensions de la zone de défilement en pixels. Exemple : <MARQUEE width="100" height="100"> Votre texte </MARQUEE> ASTUCE : pour faire arreter le défilement au survol de la souris et le faire reprendre quand la souris ne survole plus le texte, il utiliser les fonctions ONMOUSEOVER et ONMOUSEOUT. Exemple : <marquee onmouseover="this.stop();" onmouseout="this.start();"> Votre texte </marquee>
Merci aux 2 stefs
Aucun commentaire:
Enregistrer un commentaire