La balise marquee, comment nous l'utilisons.

Je vous montrerai dans cet article quelques façons par lesquelles vous pouvez animer le texte avec la balise marquee. La balise marquee est un élément HTML qui fait bouger le texte de gauche à droite et de haut en bas.

J'illustrerai ces animations en utilisant les exemples montrés ci-dessous.

Des exemples pratiques en utilisant la balise marquee

De droite à gauche. Ceci est l'animation la plus simple donnée et n'aura pas besoin d'un label pour réaliser le mouvement.

html<marquee>TEXTE</marquee>

Demo

De gauche à droite.Nous ajouterons l'attribut direction avec "right" comme suivant

html<marquee direction="right">TEXTE</marquee>

Demo

De manière alternative. Avec l'attribut behavior.

html<marquee behavior="alternate">TEXTE</marquee>

Demo

De bas en haut.

html<marquee direction="up">TEXTE</marquee>

Demo

De haut en bas.

html<marquee direction="down">TEXTE</marquee>

Demo

De bas en haut de manière alternative.

html<marquee direction="up" behavior="alternate" style="height:100px">TEXT</marquee>

Demo

De bas en haut et de gauche à droite en même temps. Regarder l'exemple pour une meilleure compréhension

html<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXTE</marquee></marquee>

Demo

Même exemple mais dans un espace fermé

html<marquee behavior="alternate" direction="up" width="80%">
	<marquee direction="right" behavior="alternate">TEXT</marquee>
</marquee>

Demo

Sur un fond d'écran

html<font color="WHITE"><marquee direction="left" style="background:RED">TEXTE</marquee></font>

Demo

Dans un cadre.

html<marquee style="border:RED 3px SOLID">TEXTE</marquee>

Demo

Image. En utilisant le script ci-dessus, peuvent être insérés des photos avec ou sans texte. Elles seront introduire comme dans l'exemple suivant:

html<marquee>Un peu de texte ici <img src="http://www.etutoriale.ro/banners/88x31.gif" width="88" height="31" alt="Tutoriels " border="0"></marquee>

Demo

Un peu de texte ici

Animation placée dans un texte.

htmlUn peu de texte avant <marquee WIDTH="20%"><img src="http://www.etutoriale.ro/banners/88x31.gif" width="88" height="31" alt="Tutorials " border="0"></marquee> Un peu de texte après.

Demo

Un peu de texte avant Un peu de texte après.

Il peut également être dit: que la vitesse du mouvement peut être changée en utilisant "scrolldelay" ou une valeur d'attribut de "1000" par exemple, réduirait la vitesse vers 0, alors qu'une valeur de "1" serait une vitesse très rapide.

Un mouvement interrompu avec l'attribut scrollamount. Une valeur de "10" par exemple, avancera le mouvement du texte à 10 pixels / image.

Vous pouvez également définir le nombre de fois que le texte défilera de droite à gauche par exemple, en utilisant l'attribut loop. Une valeur de "3" vous laissera voir les mots trois fois avant qu'ils ne désapparaissent.