多级导航选项卡答案

【问题标题】：Multilevel Navigation Tabs多级导航选项卡
【发布时间】：2012-02-18 07:35:22
【问题描述】：

我正在尝试创建一个非常复杂的导航菜单，它看起来像这样：

基本上，它是一个 3 级导航栏，有 2 个父标签，当您将鼠标悬停在任何标签上时，您应该能够看到其子导航级别，当您将鼠标悬停在上方时，您会看到当前所在的位置。

另一个问题是两个父选项卡有两种不同的颜色主题，父选项卡 1 为蓝色，其所有子级别均为蓝色，父选项卡 2 为绿色等。

我很困惑我应该如何做到这一点，也许是嵌套的 div？有没有可以让我的生活更轻松的插件？

【问题讨论】：

【解决方案1】：

网上有很多样例，但您需要根据自己的要求进行修改。一些例子是可用的：

http://jsfiddle.net/elusien/PayFw/8/

http://sn-ps.aktagon.com/sn-ps/200-Really-simple-hover-menus-with-jQuery

http://www.webresourcesdepot.com/wp-content/uploads/file/jquery-sliding-menu/#

【讨论】：

【解决方案2】：

像 jQuery Drop Line Tabs 这样的东西可能适用于这种情况。这是一个 jQuery 插件，允许您在问题的图像中进行多级导航。这是插件的链接（该页面上还有一个现场演示），如果您想查看它：jQuery Drop Line Tabs。

如果这不起作用...在网上搜索会找到很多 menu plugin tutorials。

希望至少能让你为这个插件指明方向......！

【讨论】：