JQuery：有誰知道一個很酷的方式來做這個鼠標在jQuery中的效果？

Question

我想在某些領域有這些問號，如果用戶鼠標懸停在它上面帶來了一個窗口與描述該領域。

有誰知道任何好的教程/方法來做到這一點？

Answer 1

你可以用CSS做：

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

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

這將只顯示.Help元素時其父.Container懸停。
您將爲每個輸入字段單獨製作.Container。

您應該添加CSS到.Container和.Help以實現您想要的佈局。

Answer 2

Google "JQuery Tooltip"如果你想要一個JQuery DOM操作解決方案，那裏有大量的插件，我不打算在這裏列出它們。

編輯：

谷歌搜索"JQuery Tooltip Tutorial"我能夠從nettuts+發現this教程中介紹瞭如何編寫自己JQuery的工具提示插件。希望有所幫助。

Answer 3

你可以做這樣的事情：

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

Answer 4

我們使用jQuery Tooltip工作來處理我們的幫助/信息對我們的表單元素。我們發現，最簡單的路線走，並最終被簡單：

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

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