Hello c'est encore moi x)
Édit Responsable (Onyx) : La balise marquee est une balise dépréciée, donc il est mieux d'utiliser des animations keyframes ou d'autres méthodes afin d'obtenir le défilement. Néanmoins, puisque la balise est encore utilisée à certains endroits, voilà encore le tuto.
Maintenant je vais vous donner le secret des marquee ! Vous en rêviez, bien le voilà *.*
Voilà la balise marquee toute seule donne ceci:
- Code:
<marquee>c'est bidon</marquee>
On peut ensuite utiliser le "behavior" pour lui indiquer comment se comporter.
Voilà le behavior "slide" où le texte/image part d'un bord, va jusqu'à l'autre bord et s'arrête :
- Code:
<marquee behavior="slide"> YEAH ! </marquee>
Voilà le behavior "scroll" où le texte/image part d'un bord, va jusqu'à l'autre bord, y disparait et recommence :
- Code:
<marquee behavior="scroll"> YEAH ! </marquee>
Voilà le behavior "alternate" où le texte/image part d'un bord, va jusqu'à l'autre bord et rebondi :
- Code:
<marquee behavior="alternate"> YEAH ! </marquee>
Ajoutez à cela le fait que vous pouvez donner une "direction" au défilement (down, right, left, up);
Ainsi que le "scrollamount" permettant d'accélérer (quand on augmente le nombre) ou de ralentir (quand on diminue le nombre) la vitesse de défilement.
De cette manière on peut obtenir une balise complète du style.
Exemple complet :
- Code:
<marquee behavior="alternate" direction="right" scrollamount="50"> YEAH ! </marquee>
Afin que le mouvement s'arrête lorsqu'on survole la balise, on peut utilise le "onmouseover" et "onmouseout" comme cela :
- Code:
<marquee onmouseover="this.stop();" onmouseout="this.start();" behavior="alternate" direction="right" scrollamount="50">blablabla je suis trop fort, blablabla</marquee>
À noter que le onmouseover et le onmouseout ne fonctionne pas dans les messages.
C'est tout pour le moment, le reste nous vous laisserons le découvrir de vous-même ^^
Merci de laisser un message pour donner vos impressions/commentaires/remerciements ^^
