Comment faire défiler un texte ou des images en html

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>

Ce qui donne en image


droite gauche



Bas haut



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