Dans OE il faut positionner le script
dans un bloc de code visible. Pour le dimensionner => "Propriétés"
=> "Commun" => "Redimensionnement" = "Largeur et
hauteur".
Défilement horizontal sur fond
coloré jaune : Voici la syntaxe de base :
<marquee behavior="scroll" direction="left"
scrollamount="3" scrolldelay="60"
onMouseOver="this.stop()" onMouseOut="this.start()"
bgcolor="#CCFF00">TEXTE A DIFFUSER</marquee>
Pour un
texte sur fond blanc supprimer le script (bgcolor="#ccff00")
Pour un texte en gras
<P><FONT size=3><STRONG><marquee
behavior="scroll" direction="left"
scrollamount="3" scrolldelay="60"
onMouseOver="this.stop()" onMouseOut="this.start()"
bgcolor="#CCFF00">VOTRE TEXTE A DIFFUSER ICI</marquee></STRONG></FONT></P>
La variable "scrollamount" permet de
définir le pas (en pixel) de défilement plus le chiffre est élevé plus c'est
rapide.
Avantage avec ce code "onMouseOver et
onMouseOut", le survol de la souris arrête le défilement (pour lecture),
en ressortant la souris de la zone le défilement reprend.
Défilement horizontal : dans un
cadre pour faire défiler un texte avec aller et retour sur un fond coloré rouge
<marquee scrolldelay="60" scrollamount="3"
width="400" direction"left" behavior="alternate"
bgcolor="#FF0000">Bienvenue</marquee>
Veillez à bien séparer les
paramètres par un espace et à ne pas oublier les guillemets.
Défilement vertical à placer dans un
Code source lui même dans un panneau d'élément :
<marquee behavior="scroll" direction="up"
height="140" width="400" scrollamount="1" scrolldelay="60"
onMouseOver="this.stop()" onMouseOut="this.start()">Votre texte</marquee>
Pour un texte en gras
<P><FONT size=3><STRONG><marquee
behavior="scroll" direction="up" height="140" width="400"
scrollamount="1" scrolldelay="60" onMouseOver="this.stop()"
onMouseOut="this.start()">Votre texte</marquee></STRONG></FONT></P>
Avantage avec ce code, le survol
de la souris arrête le défilement (pour lecture), en ressortant la souris de la
zone le défilement reprend. Images, liens sont possibles entre les balises
"marquee".
La valeur "height" définissant la hauteur de la boîte de défilement
et "width" la largeur. Supprimer ces données dans
OE pour une adaptation par la fenêtre du panneau d'élément "Bloc de code
visuel"
Valeurs des couleurs pour le web
(RGB) :
JAUNE= #CCFF00 ; ORANGE= #FF9933
; VERT TRES CLAIR= #00FF33
; VERT CLAIR= #99FF00
BLEU TRES
CLAIR= #00CCCC
; GRIS CLAIR=
#DDDDDD ; BLANC= #FFFFFF
Une autre version
qui gère la vitesse de défilement, le sens de défilement, la dimension largeur
et hauteur, la couleur du texte et sa taille avec en plus l'arrêt du défilement
au passage de la souris :
<MARQUEE WIDTH="365px"; HEIGHT="15px"
onmouseout="this.start();" onmouseover="this.stop();"
direction="left" height="15" width="365"
scrollAmount="3" align="center" FONT
color="#3D849E" size="5">Votre
texte ici</MARQUEE>