JQuery On Image Hover显示标题标签内容,可能吗?

时间:2012-01-01 18:58:51

标签: javascript jquery css

有没有办法使用JQuery来显示添加到<img title的Title标签的内容,这些内容没有锚点,或者如果不可能有div会隐藏显示哪个img悬停?

1 个答案:

答案 0 :(得分: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