Défiler texte & image

 

Pour faire défiler un texte ou bien une (des) image(s), les balises seront diférentes selon le sens où vous voulez les faire défiler:

>>Pour un défilement de droite à gauche:

Les balises pour un défilement de droite à gauche sont <marquee> </marquee>

Ce qui vous donne pour un texte: <marquee>VOTRE TEXTE</marquee>

Et pour une ou des images: <marquee>LIEN URL DE VOS IMAGES</marquee>

 

*DEFILEMENT TEXTE:


je suis tout content car je vois que ça fonctionne

 

DEFILEMENT IMAGE:



Pour un défilement de bas en haut:

Pour effectuer un défilement de bas en haut les balises sont les suivantes:

<marquee direction="up" scrollamount="2" height="200" width="350">  </marquee>

*L'information direction="up" designe un defilement bas haut, pour faire un défilement haut bas il vous faudra mettre down à la place de up.

*L'information scrollamount ="2" est la vitesse de défilement plus le chiffre sera élévé plus la vitesse sera rapide.

*Les informations height et width sont la place que devra prendre le défilement dans votre page, height désigne la hauteur et width designe la largeur.

Pour un défilement texte:

<marquee direction="up" scrollamount="2" height="200" width="350">VOTRE TEXTE</marquee>

Pour un défilement d'images:

<marquee direction="up" scrollamount="2" height="200" width="350">LIENS DE VOS IMAGES</marquee>

DEFILEMENT TEXTE


La moralité de cette histoire est de savoir que le html est peut etre du chinois mais si on cherche un peu à comprendre on y arrive.

DEFILEMENT IMAGES


<

Vous avez aussi la possibilité de faire un défilement avec arrêt au passage du curseur:

Les codes deviennent alors ainsi:

DEFILEMENT DE DROITE A GAUCHE:

<marquee id="id1"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">VOTRE TEXTE ICI ou IMAGES</span></marquee>

DEFILEMENT DE BAS EN HAUT:

<marquee id="id1"direction="up" scrollamount="2" height="200" width="350"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">LIENS DE VOS IMAGES</marquee>

Ajouter un commentaire
 

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site