<<<<<< Retour à l'accueil
 Trucs et Astuces du site Toutimages.com

 Défilement de texte et d'images

 Paramètres modifiables ou à supprimer en rouge  
<center><marquee scrollamount="2" scrolldelay="50" onmouseover="this.stop();" onmouseout="this.start();" height="20" bgcolor="#CCFFCC" width="550" style="border:2px solid #0000FF; text-align: center; font-family:Arial; color:#0000FF; font-size:12pt; font-weight:bold; font-style:italic" direction="left"><a href="index.htm" target="blank">De gauche à droite avec arrêt au passage de la souris + lien qui ouvre une nouvelle fenêtre</marquee></a></center>


direction="xxx" définit le type de glissement.
- right, défile vers la droite. - left, défile vers la gauche.
- down, défile vers le bas. - up, défile vers le haut.

scrolldelay="50"  Plus le chiffre est grand plus il est lent.
scrollamount="2" Définit de combien de pixels le texte avance
width="550" définit la longueur de la zone de défilement.
height="20" définit la hauteur de la zone de défilement.
behavior="slide" définit le type de glissement. (- slide, défile. - alternate, alterne entre glisse et défile.
bgcolor="#CCFFCC" définit la couleur de font de la zone de défilement
loop="3" définit le nombre de répétions de l'animation.
- 0,-1, joue infiniment. - un nombre entier, spécifie le nombre de répétitions.
onmouseover="this.stop();" Si on passe sur le texte avec la souris stop le défilement
onmouseout="this.start();" Si la souris se retire, lance le défilement
A vous d'exploiter toutes les possibilités qui vous sont offertes, les cadres, les liens, la direction, la taille de la police, avec ou sans lien hypertexte. etc...
Le code à placer entre les balises <body> et </body> se trouve au dessus de chaque exemple.
De gauche à droite avec arrêt au passage de la souris + lien qui ouvre une nouvelle fenêtre
De droite à gauche avec arrêt au passage de la souris sans lien
Alterné avec arrêt au passage de la souris + lien
direction="down" direction="up"
Texte
du Haut vers le Bas
Texte du bas vers le haut
direction="up" direction="down" behavior="alternate"
Texte et image de bas vers le haut avec un lien hypertexte qui ouvre une nouvelle fenêtre.
Nom de votre image ou une information
Nom de votre image ou une information Nom de votre image ou une information    Texte alterné avec lien
Défilement du bas vers
le haut et
du haut vers le bas.
Après la dernière image
reprise à partir de
la première.
Texte de votre choix Texte de votre choix Texte de votre choix Texte de votre choix Texte de votre choix
Nom de votre image ou une information Nom de votre image ou une information Texte de votre choix Nom de votre image ou une information
Nom de votre image ou une information Gauche à droite avec arrêt au passage de la souris + lien