Ressources - Développement - La balise marquee

Des textes et des images défilants dans votre page HTML, rien de plus simple ! La balise "MARQUEE", propre à internet explorer vous permettra de réaliser des effets visuels très sympathiques!

La balise "MARQUEE" est paramétrable et propose de nombreuses possibilités.

I2G FRANCE
Didier LAURENT

Gestion technique de patrimoine
Solutions web
Webmastering
Nomadisation
e-gestion
e-commerce
e-marketting

Des professionnels
à votre service

Paramétrage de la balise marquee

Gérer la direction du défilement :
direction="down" : Passage vers le bas
direction="left" : Passage à gauche
direction="right" : Passage à droite
direction="up" Passage vers le haut

direction="down" : Passage vers le bas

direction="left" : Passage à gauche

direction="right" : Passage à droite

direction="up" Passage vers le haut

Gérer la vitesse du défilement :
scrollAmount="2" : Vitesse 2
scrollAmount="6" : Vitesse 6
scrollAmount="8" : Vitesse 8
scrollAmount="4" : Vitesse 4

scrollAmount="2" : Vitesse 2

scrollAmount="6" : Vitesse 6

scrollAmount="8" : Vitesse 8

scrollAmount="4" : Vitesse 4

Gérer le type du défilement :
behavior="alternate" : Aller retour
behavior="scroll" : Continu défilement
behavior="slide" : Arrêt en fin de défilement (rafraichir)

behavior="alternate" : Aller retour

behavior="scroll" : Continu défilement

behavior="slide" : Arrêt en fin de défilement

Gérer la couleur d'arrière plan :
bgcolor="#FFFF66" : Ma couleur
Gérer un info-bulle:
title="Mon info-bulle " : Mon infobulle
Gérer la hauteur de la zone défilante :
height="50" : Avec une hauteur de 50 px

Avec une info-bulle et une couleur d'arrière plan jaune pastel

Avec une couleur d'arrière plan verte pomme

Une autre couleur d'arrière plan

Avec une hauteur de 50 px

Petites astuces pour une plus grande qualité

Pour que le défilement stoppe au passage de la souris il suffit d'inclure dans la balise MARQUEE :
" onMouseOver="stop();"

Pour que le défilement reprenne après le passage de la souris :
" onMouseOut="start();"