jQuery菜單 - 鼠標在

我需要什麼，是能夠在每個子類別來瀏覽。現在，當鼠標停留在「家」時，當我想要翻閱「文本1」時，子類別會再次滑入。我該如何阻止它？

此外，我希望子類別滑入旁邊的主要類別。所以如果我的鼠標結束了「主頁」，子li將滑過它。如果我的鼠標停留在「Services」上，子li將滑動到它旁邊，所以「Home」旁邊將沒有子按鈕，因爲「Services」在它下面。另外，如果我快速從一個按鈕移動到另一個按鈕，您會看到子按鈕出現在正在返回的路徑下。如何使這種工作不會發生？

來源

2012-07-17 larin555

這樣做的有效方式（也許更簡單）是將每個子項插入到它們的父元素中。 – Novak 2012-07-17 17:59:59

http://jsfiddle.net/HZxjb/13/

你並不需要調用每一個與id。我給你的是你應該如何建立你的菜單。

我會建議他：

不要開始構建複雜的東西，不知道的基本知識。

例如，下面的代碼，是錯誤的，不管你如何看待它：

$(document).ready(function() { 
    $(".sub_button_home").hide(); 
}); 
$(document).ready(function() { 
    $(".sub_button_services").hide(); 
}); 
$(document).ready(function() { 
    $(".sub_button_products").hide(); 
});

不僅如此，你可以做到這一點從CSS（與display: none），您連接3個功能，而不是一個包含所有代碼的代碼。

我建議閱讀jQuery的API來學習你應該採用的基本結構。

來源

2012-07-17 18:08:00 Novak

我在編輯帖子之前打開了小提琴，它工作得很好。但新編輯的小提琴並不正確。幻燈片效果不起作用 – larin555 2012-07-17 18:12:01

對不起，使用這個：http://jsfiddle.net/HZxjb/13/ – Novak 2012-07-17 18:16:04

非常感謝您的幫助。我現在明白了。 – larin555 2012-07-17 18:26:33

在你做任何事情之前，你應該首先構建一些有用的html。你如何使用沒有列表的列表項目？關於使用表格來設計菜單佈局的方法在這一點上，我最好不要說什麼。

您只需要無序嵌套列表即可達到您的目標。 Google提供Stu Nichols的菜單。在那裏你會發現很多不同的菜單的可能性。

來源

2012-07-17 18:13:08

jQuery菜單 - 鼠標在

回答

相關問題