Top Assistante - Conception web : s'amuser avec les balises

Web > Index

05-Mar-2007

La balise blink
La balise marquee
Les transitions de page

Le tableau des couleurs

S'amuser avec les balises

La balise marquee

Dans sa version la plus épurée, la balise marquee permet de faire défiler un texte de la droite vers la gauche :

<marquee>Bonjour ! </marquee>

donne le résultat :

Bonjour !

Cette balise réserve bien d'autres surprises.
Associée à d'autres arguments (ou options), on peut modifier le sens du défilement, la vitesse, la hauteur et la largeur de la zone de défilement, la couleur d'arrière-plan... L'argument complète donc la balise. Voici un tableau récapitulatif des arguments possibles pour la balise Marquee. Sachez que vous pouvez les combiner (presque) à volonté :

Syntaxe	Résultat
Le sens de défilement
<marquee direction="up">Mon texte</marquee>	Mon texte
<marquee direction="down">Mon texte</marquee>	Mon texte
<marquee direction="right">Mon texte</marquee>	Mon texte
<marquee direction="left">Mon texte</marquee>	Mon texte
La vitesse de défilement Réglez la vitesse sur 1 pour les défilements up et down.
<marquee direction="up" scrollamount=1 >Mon texte</marquee>	Mon texte
La largeur de la zone de défilement Pour limiter la largeur de défilement à une zone donnée de votre écran. Dans l'exemple ci-dessous, le texte défile vers la droite, sur une bande de 150 pixels. On le voit très bien dans l'exemple : la fin de l'animation n'atteint pas la bordure du tableau.
<marquee direction="right" width=150 scrollamount=3>Mon texte</marquee>	Mon texte
La hauteur de la zone de défilement Selon le même principe, on peut limiter le défilement en hauteur. Cet argument ne présente d'intérêt qu'associé à l'argument direction Up ou Down...
<marquee direction="up" height=70 scrollamount=1>Mon texte</marquee>	Mon texte
Définir la couleur d'arrière-plan Il est possible de définir la couleur de l'arrière-plan sur lequel le texte défile. N'oubliez pas éventuellement de préciser la couleur de votre texte à l'aide de la balise font color.
<font color="white"><marquee scrollamount=2 direction="up" bgcolor="red">Mon texte</marquee></font>	Mon texte
Le type de glissement Il existe deux type de glissements : - slide : fait glisser une fois le texte de la droite vers la gauche puis s'arrête ; - alternate : fait rebondir le texte de la droite vers la gauche et vice versa.
<marquee behavior="slide">Mon texte</marquee>	Mon texte
<marquee behavior="alternate">Mon texte</marquee>	Mon texte
Le nombre de répétition Vous pouvez limiter le nombre de fois où l'animation se répète à l'aide de l'argument loop. Il est particulièrement utile associé à slide. Une fois le nombre maximum atteint, le texte disparaît de l'écran.
<marquee direction="right" loop=25>Mon texte</marquee>	Mon texte
Le délai entre deux phases d'animation Vous pouvez régler la cadence entre chaque animation à l'aide du paramètre scrolldelay.
<marquee direction="up" scrolldelay=300 >Mon texte</marquee>	Mon texte

Haut

Niveau

Compatible :

Internet Explorer
Netscape