9 août 2010

Créer un menu vertical défilant orienteur

Ce menu a la spécificité de s'arrêter au survol de la souris et est assez simple à réaliser.

Nous allons utiliser les balises marquee pour la réaliser.

Vous collez en HTML
<marquee behavior="scroll" direction="up" height="100"width="400"
scrollamount="1" scrolldelay="1" onmouseover="this.stop()"onmouseout="this.start()">
<p>
<a href="Adresse">Nom du lien</a>
<a href="Adresse">Nom du lien</a>
<a href="Adresse">Nom du lien</a>
<a href="Adresse">Nom du lien</a>
<a href="Adresse">Nom du lien</a>
<a href="Adresse">Nom du lien</a>
<a href="Adresse">Nom du lien</a>
</p>
</marquee>
Vous pouvez modifier
  • la hauteur : height="100"
  • la largeur : width="400"
  • et personnaliser les liens : <a href="Adresse">Nom du lien</a>
Ensuite, vous rajoutez ou supprimez les lignes selon vos besoins.


Nom du lien
Nom du lien
Nom du lien
Nom du lien
Nom du lien
Nom du lien
Nom du lien
Nom du lien
Nom du lien
Nom du lien
Nom du lien
Nom du lien
Nom du lien
Nom du lien
Nom du lien

2 commentaires:

  1. bonjour,

    petit soucis
    Je copie colle le html comme il est mais sur le blog les liens vont défiler comme ça:

    nom du lien nom du lien nom du lien
    nom du lien nom du lien nom du lien

    RépondreSupprimer
  2. Il faut que tu personnalises "l'adresse" et "nom du lien" avec le nom de TON lien et son adresse web correspondante. ;-)

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)