Выдвигающееся меню на jQuery

Выдвигающееся меню на jQuery

Многоуровневое выдвигающееся меню имеет свои плюсы. Оно не раздражает пользователя своим постоянным присутствием (т.к. может вызываться по желанию самого пользователя) и позволяет сэкономить место на сайте. При такой организации пункты меню накладываются друг на друга во время навигации пользователя.

Можно выбрать один из трех вариантов: в первом варианте навигация идет на различных уровнях, во втором — навигация по различным уровням с возможностью возврата при помощи кнопки «назад» и третий — комбинация первых двух вариантов.

Демо Скачать

Рассмотрим реализацию такого меню. Разметка будет следующей:

Содержимое .css файла:

Благодаря этому содержимое меню будет отображаться справа и позволит избежать появления полосы прокрутки.

Осталось в теле документа добавить код, подключающий нужные библиотеки jQuery:

Особо актуальна такая организация выдвигающегося меню для сайтов с плоским дизайном.


Один комментарий на “Выдвигающееся меню на jQuery

Оставить комментарий