Stack Overflow样式扩展标签信息?

时间:2012-02-17 16:58:13

标签: javascript jquery dynamic-data

Stack Overflow的常规用户会注意到,当您将鼠标悬停在标记上方时,标记下方的框会打开动画以显示有关它的更多信息。我的一位老板希望我们网站上td的一列中的每个table代码执行相同的操作。显然,有一些方法可以使用jQuery来动画打开div或其他东西。是否有一个专门用于此的插件,任何人都认为会更好,或者应该使用jQuery进行特定的方式?

3 个答案:

答案 0 :(得分:4)

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

然后使用jquery悬停功能,你可以让这个div出现并消失。

E.g。

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

答案 1 :(得分:1)

qTip是一个很好用的插件。

答案 2 :(得分:0)

在jquery中查找方法:

.toggle()

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

也许这可以帮到你。