2012-01-01 41 views
1

有没有什么办法使用JQuery来显示Title标签的内容添加到<img title哪些将没有锚点,或者如果不可能有一个div将隐藏显示哪个img被徘徊?JQuery On Image Hover显示标题标记内容,可能吗?

+0

[jQuery Hover Alt Tag Issue]的可能重复(http://stackoverflow.com/questions/8684977/jquery-hover-alt-tag-issue) – Jasper 2012-01-01 19:07:33

回答

4

通常,浏览器会解析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