0

我正在开发一个 jQuery 菜单。

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

我需要的是能够浏览每个子类别。现在，当鼠标在“家”上时，当我想越过“文本 1”时，子类别滑回。我该如何阻止呢？

另外，我希望子类别滑入主类别旁边。因此，如果我的鼠标悬停在“主页”上，子 li 会滑到它旁边。如果我的鼠标在“服务”上，子li会在它旁边滑动，所以“主页”旁边不会有子按钮，因为“服务”在它下面。

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

4

2 回答 2

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

于 2012-07-17T18:08:00.607 回答
0

在你做任何事情之前，你应该首先构建一些有用的 html。您是如何想到在没有列表的情况下使用列表项的？关于使用表格设计菜单布局的方法，我最好在这一点上什么也不说。

您只需要无序列表即可达到您的目标。谷歌搜索来自 Stu Nichols 的菜单。在那里，您会发现不同菜单的多种可能性。

于 2012-07-17T18:13:08.247 回答