free
site hébergé
par Free

paint_shop

FAIRE DEFILER DU TEXTE

avec des balises "MARQUEES"

***--topos créés par MARSU et reproduit içi avec son aimable autorisation--***

Exemple - 1

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple simple </TITLE>
</HEAD>
<BODY background-color="#ffffff" TEXT="#000000">
<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 background-color="#ffffff" TEXT="#000000">
<MARQUEE bgcolor="#ff0000">
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="#ffffff" text="#000000">
<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="85%"
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="black" 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="25%" border=0><TR>
<TD WIDTH="20%">
<MARQUEE BEHAVIOR="alternate" DIRECTION="up"
   BGCOLOR="white" WIDTH="20%" HEIGHT=200>
<CENTER>JE<BR>SAUTE<BR>DE<BR>JOIE</CENTER>
</MARQUEE></TD>
<TD WIDTH="20%">
<MARQUEE BEHAVIOR="alternate" DIRECTION="down"
   BGCOLOR="white" WIDTH="20%" 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 (Exemples de défilement)
Behavior Alternate Scroll Alternate Slide
ScrollAmount 2 2 2 1
ScrollDelay 1 1 1 1
Loop 1 1 1 9991
Width 100 100 100 50
Height 100 120 120 120
 
Marquee
en
action
Marquee
en
action
Marquee
en
action
Marquee
en
action

site créé le 22 fevrier 2005
site optimisé pour une résolution de 1280*1024
mise en page avec internet explorer 7