www.webelix.net

[ trucs_et_astuces ]


JavaScript - Infobulle dynamique

Auteur : 3L!X | Créé le : 22/07/2007 à 16H00

Une Infobulle dynamique qui suit le curseur de la souris, avec un effet de transparence.

Voir l'exemple d'infobulle !

Pour utiliser cet exemple, veuillez télécharger le fichier "infobulle.rar" puis le décompresser.

Télécharger 'infobulle.rar' 4 fichiers seront extraits :
  • infobulle.html
  • infobulle.js
  • infobulle.css
  • wink.gif

Mise en place

Entre les balises <HEAD> et </HEAD> :

<script type="text/javascript" src="infobulle.js"></script>

Balise <BODY> :

Rien

Entre les balises <BODY> et </BODY> :

<span onmouseover="open_bulle('Une <strong>Infobulle</strong> qui suit<br />
le curseur de la souris.<br /><img src=\'wink.gif\' alt=\'\' />');" 
onmouseout="close_bulle();" class="link_bulle">Passez la souris ici !</span>