堆栈溢出风格扩展标签信息？

Question

Stack Overflow的普通用户会注意到，当您将鼠标悬停在标签上时，标签下方的框会打开动画以显示更多关于它的信息。我的一位老板希望在我们网站的table的一列中的每个td标签上做同样的事情。显然，有些方法可以使用jQuery来创建动画div或其他东西。有没有专门针对这个的插件，任何人认为会更好，或者它应该使用jQuery完成的特定方式？

Answer 1

如果我要解决这个问题，我会使用jQuery + jQuery UI。我会创建一个绝对定位的div，并根据你的喜好来设计它。

然后使用jQuery的悬停功能，你将能够使这个div出现和消失。

E.g.

$("#button").hover(
    function() { 
    $("#hidden-div").fadeIn("fast"); 
    }, 
    function() { 
    $("#hidden-div").fadeOut("fast"); 
    } 
); 

Answer 2

寻找在jQuery的方法：

.toggle() 

http://api.jquery.com/toggle/

也许这可以帮助你。

Answer 3

qTip是一个很好的插件，你可以使用。