webmaster-shop

images

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>

<MARQUEE BEHAVIOR="slide" BGCOLOR="lime">
Le texte en "glissade"
</MARQUEE>

<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>

<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>
 CECI EST UNE FAÇON DE FAIRE 
 DÉROULER LE LE TEXTE VERS LE HAUT 
 C'EST SIMPLE ET RAPIDE.
</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>
BONNE ANNEE 
ET JOYEUX NOEL
</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 SAUTE DE JOIE</CENTER>
</MARQUEE></TD>
<TD WIDTH="50%">
<MARQUEE BEHAVIOR="alternate" DIRECTION="down"
BGCOLOR="white" WIDTH="100%" HEIGHT=200>
<CENTER>J'AI ENFIN TOUT 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>

<MARQUEE SCROLLAMOUNT="10" BGCOLOR="lime">
Je me déplace normalement - 10
</MARQUEE>

<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>

<MARQUEE SCROLLDELAY="150" BGCOLOR="beige">
Intervalle moyen entre les déplacements - 150ms
</MARQUEE>

<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>

<MARQUEE SCROLLDELAY="40" BGCOLOR="beige">
Intervalle de 40ms - sans TRUESPEED
</MARQUEE>
<MARQUEE SCROLLDELAY="40" Truespeed BGCOLOR="tan">
Intervalle de 40ms - avec TRUESPEED
</MARQUEE>

<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>

<MARQUEE BEHAVIOR="slide" LOOP=5 BGCOLOR="tan">
Le texte glissera vers la gauche 5 fois
</MARQUEE>

<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