| ||||||||
|
Vous aurez remarqué le magnifique petit texte défilant dans la barre de menu de ce blog. On appelle ça une balise MARQUEE. Son utilisation est très simple et consiste juste en un petit bout de code html à insérer dans la zone d'édition html de vos articles ou alors dans la partie du kit graphique où vous voulez voir votre texte défilant. Par défaut, la balise MARQUEE fait défiler le texte de la droite vers la gauche : <--!marquee>Texte défilant<--!/marquee> va donner : Il est possible de faire défiler le texte de gauche à droite : <--!marquee direction="right">Texte défilant de gauche à droite<--!/marquee> va donner : L'attribut "direction" de la balise permet aussi un défilement du bas vers le haut : <--!marquee direction="up">Texte défilant de bas en haut<--!/marquee> va donner : On peut faire "rebondir" le texte sur les bords avec l'attribut BEHAVIOR (comportement) : <--!marquee behavior="alternate">Texte rebondissant<--!/marquee> va donner : Et aussi faire un mixe de l'attribut DIRECTION et BEHAVIOR : <--! marquee direction="up" behavior="alternate">Texte rebondissant de bas en haut<--!/marquee> va donner : Nous allon sjouer maintenant sur la vitesse du défilement grâce aux attributs SCROLLAMOUNT (pas de déplacement) et SCROLLDELAY (temps entre chaque déplacement) : <--!marquee scrollamount="1" scrolldelay="250">Pas de déplacement normal et intervalle entre chaque pas plus long<--!/marquee> va donner : et aussi <--!marquee scrollamount="50" scrolldelay="1">Pas de déplacement plus grand et intervalle entre chaque pas normal<--!/marquee> va donner : Et enfin, on peut aussi faire arrêter le défilement en passant la souris dessus par les attributs onmouse... : <--!marquee onmouseover="this.stop() ;" onmouseout="this.start();">J'arrête le défilement en passant ma souris sur le texte<--!/marquee> va donner : | ||||||||
| 4 commentaire(s) | commenter ce billet | Lien Permanent |