鼠標移動時懸停延遲

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

簡單地說，它會檢查你是用快速還是慢用你的鼠標。