Boîte d'information basée sur la sélection déroulante

Question

Voici ce que j'essaie de faire .. J'ai une boîte de dépôt et je veux une boîte flottante pour montrer une définition basée sur l'article.

Par exemple, la liste contient,

Point 1 Point 2 Point 3 Point 4

L'utilisateur passe au-dessus de l'article 2 et une brève description apparaîtra.

Y a-t-il un moyen pour moi de le faire? Je ne cherche pas tout le code, je voulais juste pointer dans la bonne direction.

... Merci

Answer 1

Il y a beaucoup de façons différentes de faire accomplir cette tâche.

purement css

<a>Hover over me!</a> 
<div>Stuff shown on hover</div> 

div { 
    display: none; 
} 

a:hover + div { 
    display: block; 
} 

Il y a aussi est jquery:

$("#yourElement").attr('title', 'This is the hover-over text'); 

Il y a un plugin pour cela aussi bien dans jquery si vous pourriez avoir besoin d'utiliser beaucoup:

jQuery Tooltip brancher. constater que ici

http://jqueryui.com/tooltip/?rdfrom=http%3A%2F%2Fdocs.jquery.com%2Fmw%2Findex.php%3Ftitle%3DPlugins%2FTooltip%26redirect%3Dno

javascript:

<div style="width: 80px; height: 20px; background-color: red;" 
     onmouseover="document.getElementById('div1').style.display = 'block';"> 
    <div id="div1" style="display: none;">Text</div> 
</div> 


onmouseout="document.getElementById('div1').style.display = 'none';" 

une autre option jquery est afficher et masquer:

$("#menu").hover(function(){ 
    $('.flyout').show(); 
},function(){ 
    $('.flyout').hide(); 
}); 

jquery et mouseover mouseout:

http://jsfiddle.net/hGTPp/