• Défilement [HTML]

    Défilement [HTML]

    Ce sont des codes HTML, ils sont donc à copier dans le code source Défilement de texte ou image d'un module, article, page ou autres de votre blog.

    I- La base

    Par défaut le texte défilant sera de droite à gauche.

    <marquee>votre texte ou images</marquee> 

    votre texte ou images

     

    II- Vitesse

    Si vous souhaitez personnaliser la vitesse de défilement, il faut ajouter: scrollamount="2" au code, plus le chiffre sera petit et plus de défilement sera lent.

     <marquee scrollamount="3">votre texte ou images</marquee> 

     

    votre texte ou images

     

     

    III- Le sens

    Comme je l'ai dit en début d'article, le défilement se fait par défaut de droite à gauche. Si vous souhaitez que ce soit l'inverse ou alors que le défilement se fasse verticalement ajoutez: direction="sens"

    right: vers la droite
    left: vers la gauche
    up: vers le haut
    down: vers le bas

    <marquee direction="up">votre texte ou images</marquee> 

    votre texte ou images

     

     

    IV- Arrêt au passage de la souris

    Afin que vos visiteurs puissent lire votre texte (ou voir vos images) sans difficulté il est plus pratique que le texte puisse s’arrêter quand le lecteur le souhaite. Pour cela ajouter: onMouseOver="this.stop();" onMouseOut="this.start();" au code, cela arrêtera le défilement au passage de la souris. 

    <marquee onMouseOver="this.stop();" onMouseOut="this.start();">votre texte ou images</marquee> 

     

    votre texte ou images

     

    V- Exemple final

    Et pour finir, voici un petit exemple de défilement vers le bas, vitesse 5 avec arrêt au passage de la souris.

    <marquee direction="down" scrollamount="5" onMouseOver="this.stop();" onMouseOut="this.start();">votre texte ou images</marquee> 

    votre texte ou

     

    J'espère que ce tuto vous sera utile !


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :