試圖創建一個快速的jQuery下拉菜單

我不確定如果我這樣做是正確的，但我試圖在jQuery中創建一個簡單的下拉菜單。我基本上要一個div（帶鏈接）一旦菜單項懸停在出現..試圖創建一個快速的jQuery下拉菜單

菜單：

<ul id="mainlevel"> 
    <li><a href="#" class="mainlevel_home" ><span>Home</span></a></li> 
    <li><a href="#" class="mainlevel_feature-writers" ><span>Feature Writers</span></a></li> 
    <li><a href="#" class="mainlevel_fantasy-killed-my-hsc" ><span>Fantasy Killed My HSC</span></a></li> 
</ul>

隱藏的事業部：

<div class="subMenu"><a href="/feature-writers/jd-ormsby" class="sublevel jd-ormsby"><span>J.D. Ormsby</span></a></div>

jQuery：

$(".mainlevel_feature-writers").hover(function(){ 
    $(".subMenu").fadeIn("slow"); 
}, function() { 
    $(".subMenu").fadeOut("slow"); 
});

現在，這個隱藏的div淡出並淡化它，但是 - 如果有人在新顯示的div內的某個東西上懸停，我該如何阻止它淡出？

對不起，如果這是一個非常明顯的問題..我仍在學習！ :)

來源

2009-07-18 SoulieBaby

一個菜單並不是一件好事，做對，做跨瀏覽器。我強烈建議你使用superfish（）或其他jQuery或CSS菜單。 – cletus 2009-07-18 14:31:22

我嘗試使用Joomla超級魚組件，但我遇到了單個菜單樣式（每個菜單項都有特定圖像）的問題..所以我使用joomla分機。菜單，但下拉式打起來，hense我試圖自己寫:) – SoulieBaby 2009-07-18 14:48:51

我認爲你需要分開處理mouseover和mouseout事件。

假設你想mouseover處理程序被附加到「頂層」菜單元素，並且mouseout處理程序被附加到隱藏的「下拉」div（帶有一些狀態代碼來管理衝突）。

來源

2009-07-18 14:13:58

試圖創建一個快速的jQuery下拉菜單

回答

相關問題