Многоуровневые навигационные вкладки - PullRequest
0 голосов
/ 18 февраля 2012

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

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

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

I'mочень запутался, как мне это сделать, может быть вложенные div?Существуют ли плагины, которые могут сделать мою жизнь намного проще?

Ответы [ 2 ]

1 голос
/ 18 февраля 2012

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

Если это не сработает ... поиск в Интернете вызывает много меню плагин учебники .

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

1 голос
/ 18 февраля 2012

Многие образцы доступны в Интернете, но вы должны изменить их в соответствии с вашими требованиями. Некоторые примеры доступны:

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

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

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

...