2012-02-18 109 views
0

我有我想创建一个非常复杂的导航菜单,它看起来是这样的: enter image description here多级导航选项卡

基本上它有2个父选项卡的3级导航栏,当你将鼠标悬停在任何你应该能够看到它的子导航级别的标签,当你徘徊时,你会看到你目前在用什么。

的另一个问题是,这两个父标签有两种不同的颜色主题,母片1为蓝色,其所有子级别的蓝色和父标签2为绿色等。

我如何很迷茫我应该这样做,也许嵌套的div? 有没有任何插件可以让我的生活更轻松?

+0

你能写你的例子在jsfiddle.net – 2012-02-18 07:40:21

回答

1

许多样品都可以在互联网上使用,但您需要根据您的要求进行修改。 一些例子是avialble:

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

http://snippets.aktagon.com/snippets/200-Really-simple-hover-menus-与-jQuery的

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

1

喜欢的东西jQuery Drop Line Tabs可能适用于这种情况。这是一个jQuery插件,它允许您在问题图像中进行多级导航。这里有一个插件的链接(如果你想查看的话,也可以在该页面上进行现场演示):jQuery Drop Line Tabs

如果这样还行不通...在网上搜索引起了很多menuplugintutorials

希望至少让你指出这个插件的方向......!