L'astuce : rendre les pop-up invisibles par défaut
Exemple testé avec le navigateur Firefox 3.0.
Notre menu est, comme dans bien des cas, une simple liste de liens. Nous obtenons donc le code qui suit :
<body>
<div id="menu">
<a href="#">Accueil</a>
<a href="#">Services</a>
...
</div>
<div id="contenu"> ...</div>
</body>
Le texte des pop-up est contenu entre des balises <span> incluses dans ces liens. À titre d'exemple, voici le code correspondant à l'un des items du menu :
<a href="#">Services<span>Nous proposons divers services à nos clients. Cette page vous permettra de...
- Accédez à tous les contenus de Connect en illimité
- Découvrez des listes de lecture et des contenus Premium
- Consultez les nouveaux articles en avant-première