鼠标移动交叉时悬停延迟

Question

我有一个导航菜单，我希望当鼠标移动时，导航将延迟200毫秒。我怎么能这样做？

示例：http://www.amazon.com/

当鼠标在导航等待中移动时，亚马逊已离开导航（逐个部门）。

<ul id="nav">
<li><a href="#">Menu 1</a>
    <ul>
        <li>Sub Menu 1</li>
        <li>Sub Menu 2</li>
    </ul>
</li>
<li><a href="#">Menu 2</a>
    <ul>
        <li>Sub Menu 3</li>
        <li>Sub Menu 4</li>
    </ul>
</li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
</ul>

例如;如果鼠标在“菜单1”上并交叉移动到“子菜单1”，则不应关闭“菜单1”。否则“菜单1”应该关闭。

Answer 1

http://cherne.net/brian/resources/jquery.hoverIntent.html是您要查找的脚本。

简单地说，它会用你的鼠标检查你是快速还是慢速。