使用时间进行下拉菜单

Question

here's the page，

我正在尝试延迟下拉菜单，因此用户只需几秒钟即可将其分开，因为触发菜单的元素与菜单本身之间存在空间。

$("#menu").hover(
    function(){ $("#dropdown").fadeIn(); },
    function(){ $("#dropdown").fadeOut(); }}
);

这样可以正常工作但是当我将鼠标悬停在菜单上时它会消失，我的目的是为用户腾出时间将光标放在它上面并且它仍然存在。那么在jquery中这样做的最佳方法是什么？

Answer 1

hoverIntent插件有助于：http://cherne.net/brian/resources/jquery.hoverIntent.html

Answer 2

如果您要求的是延迟fadeOut的方法，那么您可以使用jQuery delay函数：

$("#dropdown").delay(1000).fadeOut();

这会使衰退延迟1秒。

Answer 3

你可以使用

$("#dropdown").delay(1000).fadeOut(1000);

这将在淡入1000毫秒之前暂停1000毫秒