鼠标移动交叉时悬停延迟

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是您正在寻找的脚本。

简单来说，它会检查你的鼠标移动速度是快还是慢。