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.
|
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>
[1] commentaire - Voir/Editer
Commentaire1 commentaire pour "JavaScript - Infobulle dynamique"  Posté le 08/12/2008 à 21h03, par ranetsalut,
J'ai un petit soucis avec ce code je voulais l'utiliser avec joomla mais j'arrive pas à insérer le code Entre les balises <BODY> et </BODY> car joomla l'effacer automatiquement,
donc j'ai pensé à utiliser une variable mais je sais pas vraiment comment faire si il y a une méthode de l'insérer indirectement ça sera génial.
merci pour ce super code.
Poster un commentaire
|