Les défilements

Pour attirer l'attention des visiteurs sur certaines choses, ou tout simplement pour ajouter un peu de fantaisie au site, nous sommes en mesure d'utiliser différents défilements. Pour faire paraître un défilement, nous devons utiliser les balises <marquee> et </marquee> en plus de divers attributs.

  • «loop» définira le nombre de défilement. Il se répond par un nombre. Sans lui, c'est à l'infini.
  • «behavior» donnera le comportement du mouvement du texte. Il s'objecte en 2 choix:
    1. «alternat» défilant de droite à gauche, puis de gauche à droite sans arrêt.
    2. «slide» défile puis s'arrête.
  • «direction» donne la direction du texte. Nous devons le correspondre à l'un des choix suivant:
    1. «left» défile de droite à gauche. (valeur par défaut)
    2. «right» défile de gauche vers la droite.
    3. «down» part du haut et descend.
    4. «up» commence à partir du bas, puis monte.
  • «bgcolor» donne une couleur de fond au texte défilent.
  • «height» correspond à la hauteur du texte qui défile. (Se répond en pixel.)
  • «width» convient à la largeur du défilement. (Peut se répondre en pixel ou en %.) 
  • «scrollamount» définit le nombre de pixel de déplacement lors de chaque succession de l'animation.
  • «scrolldelay» caractérise le temps, en millisecondes, de pause entre chaque succession de l'animation.
Par exemple: 
<marquee behavior="alternate" direction="right" bgcolor="cccc00"><b><font color="#CC6600">Ceci est un test de défilement.</font></b></marquee>
Qui donnerait:

Ceci est un test de défilement.
voir articles sur les couleurs

Défilement de presque n'importe quoi:
Nous pouvons vraiment faire défiler tous les éléments que nous voulons (images, liens, tableaux, les formulaires, même les iframes, etc.) à l’exception des frames et d'autres défilement évidemment.
Par exemple:
<marquee direction="right"><table border=1><tr><td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2KQKpJUdNTwuk6gqcDR-amYhTZ2S7bNLuxEkSU-bRNmdP1yD6cFGcIZTosu9nqH0nEFSsNlwbUje6OYBH9B8pnocPzXyNFCiK1p97P2R9c635l6DKsRk-WjSrqnQQUh2Jnx99WyZQwc/s200/image+test3.jpg"></td><td align=center><a href="http://napkinco.blogspot.com">Voici un lien</a></td></tr><tr><td><ol><li><ul><li>texte 1</li><li>texte 1,2</li></ul></li><li><ul><li>texte 2</li><li>texte 2,2</li></ul></li></ol></td><td>Comme <b>vous le <u>remarquez,</b> nous <i>sommes</u> en mesure de <s>superposer</i> différents</s> <sup><u>rehausseurs</u></sup> <b><i><u><s>de textes.</b></i></u></s></td></tr></table></marquee>
Qui donnerait:

Voici un lien
    • texte 1
    • texte 1,2
    • texte 2
    • texte 2,2
Comme vous le remarquez, nous sommes en mesure de superposer différents rehausseurs de textes.


voir articles sur les images
voir articles sur les liens
voir articles sur les listes
voir articles sur la configuration de textes
voir articles sur les tableaux