Documentations et Dossiers [Marquee] Défiler du texte ou des images
A la demande voici un petit tutoriel simple en soit.
A la fin de ce tutoriel, vous serez faire ceux-ci
Ce qui donne ceux-ci, par exemple avec la balise haut:
Ce qui donne ceux-ci, par exemple avec la balise haut:
Dans height & width je donne une valeur exprimé en pixel
Ce qui donne ceux-ci, par exemple avec la balise haut:
Plus le chiffre est élevé plus le défilement sera élevée.
Ce qui donnera ceux-ci:
Ce code permettra lors du défilement de plusieurs images par exemple de stopper sur l'une d'entre elles.
Pour plusieurs image cela donnera:
J'espère que cela en aidera plus d'un Edité par hight_tower Le 14/11/2012 à 15h09
A la fin de ce tutoriel, vous serez faire ceux-ci
Les différents composant qui font constituer le défilement:
La balise marquee qui constitue la base du defilement
Code HTML :
<marquee> </marquee>
La balise direction qui constitue un défilement de bas en haut, de hauche à droite, etc...
- direction="up" vers le haut
- direction="down" vers le bas
- direction="left" vers la gauche
- direction="right" vers la droite
Ce qui donne ceux-ci, par exemple avec la balise haut:
Code HTML :
<marquee direction="up" scrollamount="2">VOTRE TEXTE</marquee>
La balise Height"" & Width"" qui constitue la hauteur d'une image ou d'un texte:
- height pour la hauteur
- width pour la largeur
Ce qui donne ceux-ci, par exemple avec la balise haut:
Code HTML :
<marquee direction="left" height="200" width="350">VOTRE TEXTE</marquee>
Dans height & width je donne une valeur exprimé en pixel
La balise behavior, choisissez le type de défilement:
- Scroll qui est le mode par défaut
- Alternate qui à pour signification alternée
Ce qui donne ceux-ci, par exemple avec la balise haut:
Code HTML :
<marquee direction="left" height="200" width="350" behavior=alternate>VOTRE TEXTE</marquee>
La balise scrollamount qui te donnera un type de vitesse pour le défilement:
Plus le chiffre est élevé plus le défilement sera élevée.
Ce qui donnera ceux-ci:
Code HTML :
<marquee direction="up" scrollamount="2" height="200" width="350"> </marquee>
Ce code permettra lors du défilement de plusieurs images par exemple de stopper sur l'une d'entre elles.
Code HTML :
<marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="loop" width="100" loop="-1" direction="up" height="50" scrollamount="1" scrolldelay="10">coucou</marquee>
Pour plusieurs image cela donnera:
Code HTML :
marquee scrollamount="5" direction="up" onmouseover="this.stop()" onmouseout="this.start()"> <img height="180" width="200" src="/forum/source de l'image" /> <br> <img height="180" width="200" src="/forum/source de l'image" /> <br> <img height="180" width="200" src="/forum/source de l'image" /> </marquee>
J'espère que cela en aidera plus d'un Edité par hight_tower Le 14/11/2012 à 15h09
Merci Highty ^^ Dans la documentation Vous avez aussi les bases pour du texte : Défilement ^^
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie