我有一个导航菜单,我希望当鼠标移动时,导航将延迟 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"应该很接近。
http://cherne.net/brian/resources/jquery.hoverIntent.html 是
您要查找的脚本。
简单地说,它会检查你用鼠标走得快还是慢。