延遲下拉菜單變化徘徊在主菜單

當在我的網站europebathroom.com我有一個橫向主菜單。當我將鼠標懸停在其中一個菜單項上時，會出現一個下拉菜單。當我將鼠標懸停在另一個菜單項出現此菜單項的下拉，因爲它當然應該。延遲下拉菜單變化徘徊在主菜單

不過，我不希望這樣的事情發生，當你不期而遇快速觸摸另一個菜單項。

我希望它像以下鏈接上的水平菜單：badkamerwinkel.nl。

所以，應該有下拉的通過懸停幾毫秒變化的延遲，避免惱人的情況，如果你不期而遇觸摸另一個菜單項。是否有一個腳本，我可以用它來做到這一點？我還不是很有經驗，我的道歉。

非常感謝您的提前，並請知道這是我在這個偉大的支持網站的第一篇文章，所以任何批評和技巧，歡迎使我的下一篇文章更好！

邁克

編輯： 菜單的工作原理大致如下圖所示的菜單。

<ul class="main"> 
    <li class="item1"> 
     <div class="submenu1">...</div> 
    </li> 
    <li class="item2"> 
     <div class="submenu2">...</div> 
    </li> 
    <li class="item3"> 
     <div class="submenu3">...</div> 
    </li> 
</ul> 

.submenu1{ 
    display:none; 
} 

.main .item1:hover .submenu1{ 
    display:block; 
} 

.submenu2{ 
    display:none; 
} 

.main .item2:hover .submenu2{ 
    display:block; 
}

所以如果你懸停item1的子菜單1顯示，如果你懸停item2子菜單2立即顯示。有沒有辦法將這個動作延遲幾毫秒？謝謝！

來源

2014-04-04 user3496789

示例代碼顯示你的菜單懸停如何工作的ATM將有助於 –

添加類似的代碼！只是爲了我想要它的工作原理。原始菜單是由Joomla插件創建的，所以我不知道應該提供哪個代碼。對不起，謝謝;）！ – user3496789

您可以使用jQuery插件hoverIntent延遲動畫。我用這個來創造一種類似的行爲。

檢查出來here

來源

2014-04-04 14:17:02 comrade

延遲下拉菜單變化徘徊在主菜單

回答

相關問題