Многоуровневые Навигация Вкладки

Question

У меня есть очень сложное меню навигации Я пытаюсь создать, это выглядит примерно так:

В основном это навигационная панель 3 уровня, который имеет 2 родительских вкладок, при наведении курсора на любой из на вкладках вы должны увидеть свои дочерние уровни навигации, и когда вы наведите указатель мыши, вы увидите, что вы сейчас находитесь.

Другая проблема состоит в том, что две родительские вкладки имеют две различные цветовые темы, родительская вкладка 1 является синий со всеми его дочерними уровнями синего и родительской вкладки 2 является зеленый и т.д ..

Я очень смущен о том, как Я должен сделать это, возможно, вложенные divs? Есть ли какие-нибудь плагины, которые могут улучшить мою жизнь?

Answer 1

Многие образцы avaialble в Интернете, но вам необходимо изменить в соответствии с вашими требованиями. Некоторые примеры 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/#

Answer 2

Что-то вроде jQuery Drop Line Tabs могла бы работать в этой ситуации. Это плагин jQuery, который позволяет многоуровневую навигацию, которая у вас есть на изображении вашего вопроса. Вот ссылка на плагин (и на этой странице есть живая демонстрация), если вы хотите ее проверить: jQuery Drop Line Tabs.

Если это не сработает ... поиск в Интернете приводит к увеличению количества menuplugintutorials.

Надеюсь, что по крайней мере, вы указали в направлении плагина для этого ...!