www.webelix.net

[ trucs_et_astuces ]


JavaScript - Infobulle dynamique 2

Auteur : 3L!X | Créé le : 01/11/2007 à 13H00

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 "infobulle2.rar" puis le décompresser.

Télécharger 'infobulle2.rar' 5 fichiers seront extraits :
  • infobulle2.html
  • infobulle2.js
  • infobulle2.css
  • bulle.gif
  • wink.gif

Mise en place

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

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

Balise <BODY> :

Rien

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

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