Вертикальные меню на jQuery и CSS

В предыдущем посте этого раздела я сделал подборку горизонтальных меню. Теперь подошло время сделать аналогично для вертикальных.

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

Эти два поста будут обновляться по мере нахождения новых красивых и заслуживающих внимания скриптов меню. А также исправляться при поступлении в комментариях дополнений/замечаний.

Итак, подборка вертикальных меню.

1. 9 вертикальных меню на CSS




9 разнообразных менюшек, написанных на CSS. Простые и в то же время красивые.

Демонстрационная версия,

Скачать исходник в архиве: 9menu.zip [28,33 Kb] (cкачиваний: 943)



2. Выпадающее вертикальное меню




Здесь использованы CSS и jQuery.

Исходник и инструкции, Демонстрационная версия



3. jQuery - Animated Drop Down Menu




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

Исходник и инструкции, Демонстрационная версия



4. Выпадающие CSS и Mootools вертикальные меню




При нажатии на пункт используется либо эффект Java "показать/скрыть", либо Mootools для плавного открытия подменю.

Исходник и инструкции, Демонстрационная версия



5. Elastic Menu - вертикальное меню с эффектами




Стильное вертикальное меню, при наведении на один из пунктов, он красиво "даёт знать" о том, что на него навели, используя анимацию и смещается вправо.

Исходник и инструкции, Демонстрационная версия



6. Вертикальное анимированное меню




В этом меню всегда видны подпункты одного из родительских пунктов. Довольно удобно с точки зрения навигации и юзабилити. Сделано с использованием Mootools.

Исходник и инструкции, Демонстрационная версия



7. Вертикальное анимированное меню jQuery




Очень эффектное и красивое динамическое меню, каждый пункт оживает при наведении на него мышки. Думаю, подойдёт как альтернатива простым меню без подразделов на вашем сайте и внесёт оживление и свежесть в навигацию.

Исходник и инструкции, Демонстрационная версия



8. Вертикальное ipod-меню




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

Исходник и инструкции, Демонстрационная версия



9. Вертикальное меню в виде дерева на javascript




Обычное Java-меню, которое мы привыкли видеть, например, в проводнике Windows. При нажатии на плюс выпадают подпункты, минус соответственно скрывает их. Неограниченная вложенность пунктов.

Исходник и инструкции: http://www.destroydrop.com/javascripts/tree/,
Демонстрационная версия: http://www.destroydrop.com/javascripts/tree/example/



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