Aller au contenu

Les bandeaux défilants

En html pour insérer une zone de texte défilant on utilise l’élément <marquee>.

<marquee>Je défile de droite à gauche</marquee>

Direction

Pour définir la direction de défilement on utilise l’attribut direction. Les valeurs possibles sont left, right, up et down.

<marquee>Je défile de droite à gauche</marquee>
<marquee direction="left">Je défile de droite à gauche</marquee>
<marquee direction="right">Je défile de gauche à droite</marquee>
<marquee direction="up">Je défile de bas en haut</marquee>
<marquee direction="down">Je défile de haut en bas</marquee>

Je défile de droite à gauche Je défile de droite à gauche Je défile de gauche à droite Je défile de bas en haut Je défile de haut en bas

Comportement du défilement

Pour définir le comportement du défilement, on utilise l’attribut behavior. Les valeurs possibles sont scroll, slide et alternate.

La valeur scroll indique que le texte défilera dans la direction indiquée, puis recommencera une fois arrivé au bout.

La valeur slide indique que le texte défilera dans la direction indiquée, puis s’arrêtera une fois arrivé au bout.

La valeur alternate indique que le texte défilera dans la direction indiquée, puis rebondira une fois arrivé au bout.

<marquee behavior="scroll"> Coucou </marquee>
<marquee behavior="slide"> Coucou </marquee>
<marquee behavior="alternate"> Coucou </marquee>

Coucou Coucou Coucou