Delay sur InfoBulles

Bonjour,

J'ai créé un menu avec des infoBulles qui apparaissent sur chaque lien survolé.
Pour cela j'ai pris exemple sur le code qui se trouve dans la FAq d'alsa.

Pour le HTML :

<p>Survolez le mot <a class="info" href="#">"Toto" <span>un petit garçon sympathique</span></a>
ou survolez le mot <a class="info" href="#">"Ginette" <span>une vilaine madame !</span></a>
pour obtenir des explications.</p>

Et pour le CSS :

a.info {
   position: relative;
   text-decoration: none;
   color: black;
   border-bottom: 1px gray dotted;
}

a.info span {
   display: none;
}

a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500;
}

a.info:hover span {
   display: inline;
   position: absolute;
   top: 2em;
   left: 1em;
   background: orange;
   text-align: center;
   color: white;
   padding: 2px;
}

Mon problème est que pour quelqu'un qui connaît bien le site ces InfoBulles peuvent devenir désagréables.

J'aimerais donc savoir s'il est possible de mettre un delay qui n'afficherait les infoBulles qu'à partir du moment ou l'utilisateur reste plus d'un temps x avec le curseur de la souris sur le lien.

Merci d'avance pour vos réponses.

Pour avoir un delai, il faut abandonner le CSS et utiliser le javascript....

Bonjour,

sur FireFox, si je positionne l'attribut title d'une balises, des infos bulles apparaissent au bout d'un certain temps. Je ne sais pas si c'est standard ou si tu veux pouvoir paramétrer la durée d'attente... mais c'est toujours une petite info