基於下拉選擇的信息框

下面是我正在做的事情..我有一個下拉框，我想要一個浮動框來顯示基於該項目的定義。基於下拉選擇的信息框

例如，該列表包含，

項目1個項目2 項目3 項目4

用戶懸停在項目2和簡要描述將彈出。

有沒有辦法讓我做到這一點？我不是在尋找整個代碼，我只是想指出正確的方向。

謝謝你...

來源

2013-05-20 Kevin Davis

希望能幫助你完成任務。 =] – Supplement

謝謝我會給它一個鏡頭。 –

是的，如果它有效，請將我的答案標記爲將來參考的正確答案。謝謝。 – Supplement

有很多不同的方法來完成這項任務。

純CSS

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

div { 
    display: none; 
} 

a:hover + div { 
    display: block; 
}

也有是jQuery的：

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

有它的一個插件，以及jQuery的，如果你可能需要使用它了：

jQuery的工具提示插入。發現這裏

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';"

是另一個jQuery選擇是顯示和隱藏：

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

jQuery的鼠標懸停及移出：

http://jsfiddle.net/hGTPp/

來源

2013-05-20 14:07:17 Supplement

基於下拉選擇的信息框

回答

相關問題