JQuery: Quelqu'un sait-il d'une manière cool de faire cette souris sur l'effet dans jquery?

Question

Je voudrais avoir ces points d'interrogation par certains champs où un utilisateur survole une fenêtre avec une description du champ.

Est-ce que quelqu'un sait de bons tutoriels/façons de le faire?

Answer 1

Vous pouvez le faire avec CSS:

.Help { 
    display: none; 
    ... 
} 
.Container:hover .Help { 
    dislay: block; 
} 

<div class="Container"> 
    <input ... /> 
    <div class="Help"> ... </div> 
</div> 

Cela ne montre l'élément .Help quand est son parent planait sur .Container. Vous devez créer un .Container distinct pour chaque champ de saisie.

Vous devez ajouter CSS à .Container et .Help pour obtenir la disposition souhaitée.

Answer 2

Google "JQuery Tooltip" Si vous voulez une solution de manipulation de DOM JQuery, il existe une pléthore de plugins et je ne vais pas tous les énumérer ici.

EDIT:

Par googler "JQuery Tooltip Tutorial" j'ai pu trouver this tutoriel de nettuts+ qui va sur la façon de créer vos propres plug-in infobulle JQuery. J'espère que cela pourra aider.

Answer 3

Vous pouvez faire quelque chose comme ceci:

$(".somelinkclass").hover(function() { 
    // do something here when user mouses over 
}, function(){ 
    // do something here when the mouse leaves 
}); 

Answer 4

Nous utilisons jQuery Tooltip au travail pour gérer notre aide/informations pour nos éléments de formulaire. Nous l'avons trouvé le chemin le plus facile à aller et finit par être aussi simple que:

<img src="./MyAwesomeImage.png" title="Some tool tip text"/> 

    $("img[title]").tooltip({ 
     position: "center right", 
     tipClass: "infoToolTip", 
     offset: [-10, 0] 
    });