Плагины JQuery-меню для анимации элементов навигации

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

1. Dropit

dropit

JQuery-плагин для создания одноуровневых выпадающих меню. Простые и гибкие выпадающие меню с помощью JQuery.

2. nuContextMenu

nuContextMenu

Современное контекстное меню для веб-приложений с поддержкой шрифтов. Скрипт имеет небольшой размер (2,2 Кб) и устанавливает меню в качестве основного объекта. Поэтому одно и то же меню может быть присоединено к нескольким элементам.

3. Bootstrap Dropselect

bootstrap-dropselect1

Bootstrap Dropselect — это простой JQuery-плагин, который превращает выпадающее меню Bootstrap в нечто наподобие меню выбора GitHub.

4. Scroll Menu

scrollmenujs

ScrollMenu — это новый интерфейс, предназначенный для замены стандартной полосы прокрутки. Он дает пользователю ощущение перемещения по разным разделам, хотя на самом деле просматривает одну и ту же страницу.

5. Jet Responsive Mega Menu

jet-responsive-menu

Компонентное меню на CSS и Javascript. Оно может использоваться как выпадающее меню навигации, мега меню навигации. Плагин имеет адаптивный и плавающий макет.

6. FH Mega Menu

fh-mega-menu

FH Mega Menu представляет собой плагин мега меню Bootstrap 3.3.1+ на основе JQuery. Он совместим со всеми мобильными устройствами и современными веб-браузерами.

Плагин имеет 100% адаптивный макет, поддерживающий сетчатые дисплеи с удивительными иконками шрифтов! Вы можете использовать с этим плагином системы сеток Bootstrap, а также пользовательские виджеты, такие как видео, Google-карты, текстовые виджеты, мультимедиа элементы, карусели, кнопки и многое другое.

7. Bootstrap Context Menu

bootstrap-context-menu1

Плагин контекстного меню для фреймворка Bootstrap. Он может использоваться с помощью атрибутов данных или с помощью JavaScript.

8. Sliiide

sliiide

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

9. ScotchPanels.js

scotchpanel

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

10. Zetta Menu

zetta-menu

JQuery-плагин мега-меню, он поддерживает CSS3-анимацию, 12-разрядную систему сеток, 6 различных шаблонов с практически неограниченным набором цветовых схем, полностью адаптивен.

11. Drawer

drawer

JQuery-плагин для вывода выдвижного меню, использующего во время запуска события CSS-анимацию. Изначальная позиция меню может быть задана как по левому, так и по правому краю экрана. Также поддерживается адаптивный макет.

12. Bootstrap Sub-Menu

bootstrap-submenu

JQuery-плагин, предназначенный для создания подменю панели навигации и выпадающих меню Bootstrap.

13. jQuery Live menu

jQuery-Live-Menu

JQuery-плагин, который позволяет легко создавать красивые анимированные меню. Они открываются по щелчку левой или правой кнопкой мыши на целевом элементе. С помощью параметров JQuery вы сможете настроить макет, эффекты и дизайн всплывающей подсказки.

14. Power List Menu

power-list-menu

Ориентированное на мобильные устройства многоуровневое меню, которое превращает вложенные элементы списка в набор прокручиваемых панелей. Power List Menu идеально подходит для мобильных устройств, где пространство для вывода меню ограничено.

Плагин поддерживает отложенную загрузку через Ajax-вызовы дочернего или родительского меню, поэтому части меню могут загружаться только по запросу.

15. MetNav2

metnav-2

Плагин очень компактный, хорошо смотрится практически во всех популярных браузерах и на всех типах устройств. Это меню навигации на основе Windows 8 Tile, поддерживающее неограниченное количество меню более низкого уровня. Имеет адаптивный дизайн, хорошо работает на сенсорных устройствах.

16. jQuery Section Menu

jquery-section-menu

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

17. MenuItems

menuitems

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

18. Animated Background Menu

animated-background-menu

JQuery-плагин для создания меню с динамической (анимированной) основой. Каждый пункт меню может быть связан с фоновым изображением. Когда указатель мыши перемещается от одного пункта к другому, фоновое изображение заменяется с помощью перехода анимации.

19. JQuery MMENU

jquery-mmenu2

JQuery-плагин для создания slick меню, приложения для мобильного сайта, выглядящего как слайд-меню.

JQuery.mmenu имеет несколько параметров для настройки меню. Значения параметров по умолчанию могут быть изменены с помощью передачи в метод новых значений.

20. Hubeleke jQuery Circle Rotate Menu

Hubeleke-jQuery-Circle-Rotate-Menu1

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

Перевод статьи «jQuery Menu Plugins for Animating Your Menus» был подготовлен дружной командой проекта Сайтостроение от А до Я.