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

Informations Générales

[425] Posts sur le forum
[453] Membres inscrits
Il y a en ligne :
arrow 0 Membre
arrow 3 Invités
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.


Publicité


Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

www.

Nos Partenaires

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>

[1] commentaire - Voir/EditerAjout commentaire

Haut de page