jQuery:
$(function() {
$("img").tooltip();
$("a").tooltip();
})
HTML:
<div id="container">
<div id="main">
<a href="#">testing</a>
<img src="trollface.jpg" title="Hello, imma trollface!" />
</div>
</div>
在上面的例子中,tooltip只对<img>
标签起作用。
我还没有在<img>
或<a>
上添加任何CSS。
$("a").hover(
function() {
$(this).animate({color: "white"}, 400);
}, function() {
$(this).animate({color: "black"}, 400);
})
然而,上面的方法现在不起作用。
发布于 2011-08-23 01:31:32
默认情况下,tooltip()方法将显示元素"title“属性中包含的内容。因为您的标题没有<a>
属性,所以工具提示不会显示任何内容。如果将title属性添加到标记中,如下所示:
<a href="#" title="This is my anchor tag">testing</a>
应该能行得通。
https://stackoverflow.com/questions/7151029
复制相似问题