Различные JQuery меню (и не только) для ваших сайтов

Далее представлено несколько симпатичных реализаций выпадающих меню на JQuery, которые вы при наличии некоторого количества знаний, сможете без особого труда пристроить на свои сайты.

pro_dropdown_3

JQuery меню многоуровневое вертикальное

Выпадающее многоуровневое вертикальное меню, сделанное с примением JavaScript, и не без JQuery. По внешнему виду чем-то напоминает (отдаленно) элементы пользовательского интерфейса ОС Windows Vista / темы для Windows XP и т.п. Возможно все дело в фоновых картинках?

Просмотреть Скачать

pro_dropline_2

Горизонтальное JQuery меню выпадающее

Практически тоже самое выпадающее JQuery-меню, что и в прошлом примере, но со следующим отличием: двухуровневое с горизонтально расположенными вложенными элементами.

Просмотреть Скачать

tree_frog_vertical

Вертикальное меню-аккордеон с вложенными элементами

Вертикальное минималистичное JQuery-меню в стиле «аккордеон» с дополнительными выпадающими / выезжающими дочерними элементами для размещения в боковых колонках а-ля сайдбарах. Выполнено с примением красного, фиолетового и оранжевато-коричневого цветов.

Просмотреть Скачать

Makisu

Раскладные меню для сайта

Для практического применения малопригодное, но зато интересное анимированное меню под названием «Makisu». Работает к большому сожалению только в Firefox и Chrome (в Opera нет анимации, а про Internet Explorer и вспоминать страшно). Пункты складываются и раскладываются, как смятая бумажка. Скачать это чудо можно на GitHub.

Просмотреть Скачать

Раскрывающееся меню на CSS3

Выпадающее меню на CSS3

Меню с квадратиками и значками, разноцветное, с простой анимацией выпадающих элементов.

P.S. В кроссбраузерности такого решения приходится очень сильно сомневаться, но зато работает вообще без JavaScript на одном только CSS3. Выгядит неплохо, но исходники монструозны.

Просмотреть Скачать

Опубликовано 1-01-2014 в 17:46


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>











Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты