javascript - jQuery:fadeIn、slideDown 或类似内容的延迟

Question

昨晚我想知道如何延迟淡入或类似的东西。这不是我正在做的事情，我只是想知道。

例如，如果您有一个列表，其中包含可在悬停时激活工具提示的链接。如何让它“等待”直到悬停 1 秒？

我想这样做，这样当您将鼠标悬停在列表上时，工具提示就不会“闪烁”。如果你明白我的意思的话。

同样的东西也可以用在登录时。如果您看到http://twitter.com/ (未登录)。如果顶部的登录框是通过悬停激活的，而不是单击，那么当您的光标离开登录框时，它会再次消失。是否可以设置一个“延迟”，以便您的光标可以离开登录框，然后再回来，而不会消失......？

简而言之:
- 当鼠标悬停在 x 秒后时，如何激活脚本？
- 如何设置隐藏由悬停激活的 div(未悬停时)的延迟？
- 是一样的事情，只是相反吗？

Answer 1

有一个非常先进的悬停插件，它会在触发任意代码之前等待您的鼠标减慢 - http://cherne.net/brian/resources/jquery.hoverIntent.html

或者，如果您不需要如此高级的东西...您可以简单地在 setTimeout() 中触发动画，并在 mouseleave 时调用 clearTimeout()

另一种选择是不为延迟而烦恼。如果您执行 .stop().fadeIn() 和 .stop().fadeOut() 而不是简单的 show()和hide()，你不会得到“闪烁”，而且效果看起来相当不错。

(您可以查看 .delay() 来延迟与动画相关的代码 - 尽管这只会延迟动画，即使您在延迟完成之前移开 div。)