Webmaster-Shop

HTML/Marquee





Exemples des options de la balise MARQUEE



Exemple - 1

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple simple </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE>
Toutes les possibilités de la balise MARQUEE
</MARQUEE>
</BODY>
</HTML>
Toutes les possibilités de la balise MARQUEE
Exemple - 2

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple BGCOLOR </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE BGCOLOR="red">
Toutes les possibilités de la balise MARQUEE
</MARQUEE>
</BODY>
</HTML>
Toutes les possibilités de la balise MARQUEE
Exemple - 3

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple WIDTH </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE WIDTH="75%" BGCOLOR="aqua">
Toutes les possibilités de la balise MARQUEE
</MARQUEE>
</BODY>
</HTML>
Toutes les possibilités de la balise MARQUEE
Exemple - 4

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple HEIGHT </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE HEIGHT="30%" WIDTH="75%" BGCOLOR="pink">
Toutes les possibilités de la balise MARQUEE
</MARQUEE>
</BODY>
</HTML>
Toutes les possibilités de la balise MARQUEE
Exemple - 5

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple BEHAVIOR </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE BEHAVIOR="scroll" BGCOLOR="lime">
Le texte en "défilement"
</MARQUEE>
<P>
<MARQUEE BEHAVIOR="slide" BGCOLOR="lime">
Le texte en "glissade"
</MARQUEE>
<P>
<MARQUEE BEHAVIOR="alternate" BGCOLOR="lime">
Le texte en "va-et-vient"
</MARQUEE>
</BODY>
</HTML>
Le texte en "défilement"

 

Le texte en "glissade"

 

Le texte en "va-et-vient"

Exemple - 6

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple DIRECTION </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE DIRECTION="left" BGCOLOR="yellow">
Déplacement vers la "gauche"
</MARQUEE>
<P>
<MARQUEE DIRECTION="right" BGCOLOR="yellow">
Déplacement vers la "droite
</MARQUEE>
</BODY>
</HTML>
Déplacement vers la "gauche"

 

Déplacement vers la "droite"

Exemple - 7

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple DIRECTION=up </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE DIRECTION="up" bgcolor="blue" width="42%">
<CENTER><FONT COLOR="white" SIZE="+1"><B>
  CECI EST UNE<br>FAÇON DE FAIRE<br>
  DÉROULER LE<br>LE TEXTE VERS<br>LE HAUT<br>
  <br>C'EST SIMPLE<br>ET RAPIDE.
</B></FONT></CENTER>
</MARQUEE>
</BODY>
</HTML>
CECI EST UNE
FAÇON DE FAIRE
DÉROULER LE
LE TEXTE VERS
LE HAUT

C'EST SIMPLE
ET RAPIDE
Exemple - 8

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple DIRECTION=down </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE DIRECTION="down" bgcolor="red" width="30%">
<CENTER><FONT COLOR="white" SIZE="+1"><B>
  BONNE<br>ANNEE<br><br>
  ET<br><br>   JOYEUX<br>NOEL
</B></FONT></CENTER>
</MARQUEE>
</BODY>
</HTML>
BONNE
ANNEE

et

JOYEUX
NOEL
Exemple - 9

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple DIRECTION=up & down </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<TABLE width="45%" border=0><TR>
<TD WIDTH="50%">
<MARQUEE BEHAVIOR="alternate" DIRECTION="up"
   BGCOLOR="white" WIDTH="100%" HEIGHT=200>
<CENTER>JE<BR>SAUTE<BR>DE<BR>JOIE</CENTER>
</MARQUEE></TD>
<TD WIDTH="50%">
<MARQUEE BEHAVIOR="alternate" DIRECTION="down"
   BGCOLOR="white" WIDTH="100%" HEIGHT=200>
<CENTER>J'AI<BR>ENFIN<BR>TOUT<BR>COMPRIS</CENTER>
</MARQUEE></TD>
</TR></TABLE>
</BODY>
</HTML>
JE
SAUTE
DE
JOIE
J'AI
ENFIN
TOUT
COMPRIS
Exemple - 10

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple SCROLLAMOUNT </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE SCROLLAMOUNT="1" BGCOLOR="lime">
Je me déplace très lentement - 1
</MARQUEE>
<P>
<MARQUEE SCROLLAMOUNT="10" BGCOLOR="lime">
Je me déplace normalement - 10
</MARQUEE>
<P>
<MARQUEE SCROLLAMOUNT="20" BGCOLOR="lime">
Je me déplace très rapidement - 40
</MARQUEE>
</BODY>
</HTML>
Je me déplace très lentement - 1

 

Je me déplace normalement - 10

 

Je me déplace très rapidement - 40

Exemple - 11

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple SCROLLDELAY </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE SCROLLDELAY="10" BGCOLOR="beige">
Intervalle court entre les déplacements - 10ms
</MARQUEE>
<P>
<MARQUEE SCROLLDELAY="150" BGCOLOR="beige">
Intervalle moyen entre les déplacements - 150ms
</MARQUEE>
<P>
<MARQUEE SCROLLDELAY="500" BGCOLOR="beige">
Intervalle long entre les déplacements - 500ms
</MARQUEE>
</BODY>
</HTML>
Intervalle court entre les déplacements - 10ms

 

Intervalle moyen entre les déplacements - 150ms

 

Intervalle long entre les déplacements - 500ms

Exemple - 12

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple TRUESPEED </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE SCROLLDELAY="10" BGCOLOR="beige">
Intervalle de 10ms - sans TRUESPEED
</MARQUEE>
<MARQUEE SCROLLDELAY="10" Truespeed BGCOLOR="tan">
Intervalle de 10ms - avec TRUESPEED
</MARQUEE>
<P>
<MARQUEE SCROLLDELAY="40" BGCOLOR="beige">
Intervalle de 40ms - sans TRUESPEED
</MARQUEE>
<MARQUEE SCROLLDELAY="40" Truespeed BGCOLOR="tan">
Intervalle de 40ms - avec TRUESPEED
</MARQUEE>
<P>
<MARQUEE SCROLLDELAY="60" BGCOLOR="beige">
Intervalle de 60ms - sans TRUESPEED
</MARQUEE>
<MARQUEE SCROLLDELAY="60" Truespeed BGCOLOR="tan">
Intervalle de 60ms - avec TRUESPEED
</MARQUEE>
</BODY>
</HTML>
Intervalle de 10ms - sans TRUESPEED
Intervalle de 10ms - avec TRUESPEED

 

Intervalle de 40ms - sans TRUESPEED
Intervalle de 40ms - avec TRUESPEED

 

Intervalle de 60ms - sans TRUESPEED
Intervalle de 60ms - avec TRUESPEED

Exemple - 13

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple LOOP </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE BEHAVIOR="scroll" LOOP=20 BGCOLOR="tan">
Le texte défilera vers la gauche 20 fois
</MARQUEE>
<P>
<MARQUEE BEHAVIOR="slide" LOOP=5 BGCOLOR="tan">
Le texte glissera vers la gauche 5 fois
</MARQUEE>
<P>
<MARQUEE BEHAVIOR=alternate LOOP=50 BGCOLOR="tan">
Le texte ira en "va-et-vient" 50 fois
</MARQUEE>
</BODY>
</HTML>
Le texte défilera vers la gauche 20 fois

 

Le texte glissera vers la gauche 5 fois

 

Le texte ira en "va-et-vient" 50 fois


Exemple -14


 

<MARQUEE BEHAVIOR ="alternate" direction="up"

width="80%"><marquee

direction="right">TEXT ZIG ZAG</marquee></MARQUEE>

 TEXT ZIG ZAG de gauche a droite
Exemple-15




<MARQUEE BEHAIVOR ="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT ZIG ZAG</marquee></MARQUEE>		 TEXT ZIG ZAG dans les deux sens