菜單和子菜單懸停之間的差距

Question

我正在使用子菜單的水平菜單上工作。我在菜單上使用了jQuery來啓用下拉功能，該功能目前工作正常。

但是，由於設計原因，水平菜單和垂直子菜單之間存在一個小差距。因此，當您將鼠標懸停在子菜單上時，您將鼠標懸停在外，這會導致子菜單在邏輯上消失。

但是，我需要該子菜單留下來。有任何想法嗎？

檢查出你自己@ [刪除網址。已經提供的解決方案]

非常感謝提前。

Answer 1

在CSS

變化

#Menu ul ul { 
    display: none; 
    position: absolute; 
    top: 40px; 
} 

到

#Menu ul ul { 
     display: none; 
     position: absolute; 
     padding-top: 40px; 
    } 

Answer 2

假設其間的差距是一個設計選擇使用hoverIntent插件，從而使菜單不告知要爲消失鼠標離開菜單後。相反，用戶可以在菜單消失之前離開菜單的時間有一定的餘地。

http://cherne.net/brian/resources/jquery.hoverIntent.html

你也有一個動畫隊列問題。爲了防止它使用this technique。

http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup

Answer 3

您可以用保證金或填充的CSS添加差距。

反正這是一個很好的鏈接，你可以做一個菜單：因爲填充

http://www.mycssmenu.com/visual_interface/template2/template.html