Question

我正在开发一个jQuery菜单。

这是小提琴：http://jsfiddle.net/HZxjb/

我需要的是能够浏览每个子类别。现在，当鼠标结束“回家”时，当我想要查看“文本1”时，子类别会重新滑入。我怎么能阻止它？

另外，我希望子类别可以在主要类别旁边滑动。因此，如果我的鼠标位于“Home”上，则子li将在其旁边滑动。如果我的鼠标位于“服务”上，子li将在它旁边滑动，因此“Home”旁边没有子按钮，因为“Services”位于它下面。

此外，如果我快速从一个按钮转到另一个按钮，您会看到子按钮出现在正在返回的按钮下。如何使这项工作不会发生？

Answer 1

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来学习你应该采用的基本结构。

Answer 2

在你做任何事之前，你应该首先构建一些有用的HTML。你如何使用没有列表的列表项？关于使用表来设计菜单布局的方法，我现在最好不要说什么。

您只需要无序的嵌套列表即可实现目标。 Google提供Stu Nichols的菜单。在那里你会发现很多不同菜单的可能性。

jQuery菜单 - 鼠标悬停

2 个答案: