JQuery On Image Hover顯示標題標記內容，可能嗎？

Question

有沒有什麼辦法使用JQuery來顯示Title標籤的內容添加到<img title哪些將沒有錨點，或者如果不可能有一個div將隱藏顯示哪個img被徘徊？

Answer 1

通常，瀏覽器會解析title屬性，並將鼠標懸停在元素上時顯示爲工具提示。所以你並不真的需要這個jQuery。

這種行爲的問題是，您對這個工具提示的格式沒有太多的控制權。但是，如果你想顯示和格式化一些自定義節這個值，你可以訂閱.hover()事件的圖像：

$(function() { 
    $('img').hover(function() { 
     var title = $(this).attr('title'); 
     // TODO: do something with the title 
    }, function() { 
     // this will be triggered when the mouse pointer leaves the element 
    }); 
}); 

如果你想要一些好看的提示，你可以使用一些現有的插件，如qTip 。