Défilement [HTML]

Ce sont des codes HTML, ils sont donc à copier dans le code source  d'un module, article, page ou autres de votre blog.

I- La base

Par défaut, le texte défilant sera de droite à gauche.

<marquee>votre texte ou images</marquee> 

Votre texte ou images

II- Vitesse

Si vous souhaitez personnaliser la vitesse de défilement, il faut ajouter: scrollamount="2" au code, plus le chiffre sera petit et plus de défilement sera lent.

 <marquee scrollamount="3">votre texte ou images</marquee> 

Votre texte ou images

III- Le sens

Comme je l'ai dit en début d'article, le défilement se fait par défaut de droite à gauche. Si vous souhaitez que ce soit l'inverse ou alors que le défilement se fasse verticalement, ajoutez : direction="sens"

right: vers la droite
left: vers la gauche
up: vers le haut
down: vers le bas

<marquee direction="up">votre texte ou images</marquee> 

votre texte ou images

IV- Arrêt au passage de la souris

Afin que vos visiteurs puissent lire votre texte (ou voir vos images) sans difficulté il est plus pratique que le texte puisse s’arrêter quand le lecteur le souhaite. Pour cela ajouter: onMouseOver="this.stop();" onMouseOut="this.start();" au code, cela arrêtera le défilement au passage de la souris. 

<marquee onMouseOver="this.stop();" onMouseOut="this.start();">votre texte ou images</marquee> 

votre texte ou images

V- Exemple final

Et pour finir, voici un petit exemple de défilement vers le bas, vitesse 5 avec arrêt au passage de la souris.

<marquee direction="down" scrollamount="5" onMouseOver="this.stop();" onMouseOut="this.start();">votre texte ou images</marquee> 

votre texte ou

J'espère que ce tuto vous sera utile !