Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 139930 ]
Votre IP fleche [ 38.103.63.16 ]
Vous êtes ici : Home Page Dossiers Trucs et astuces (JavaScript) Infobulle dynamique 2
Imprimer Imprimer le document

Informations Membres

[195] Posts sur le forum
[177] Membres inscrits
Il y a en ligne :
  arrow 0 Membre
  arrow 0 Invité

fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.


Nom de domaine

www.

Partenaires

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>

(4) commentaires - Voir/EditerAjout commentaire

Haut de page