Огляд 30 кращих безкоштовних jquery меню навігації, javascript
За допомогою можливостей JQuery ми можемо перетворити меню навігації в динамічне меню. Хоча зараз для створення динамічної навігації можна використовувати тільки CSS3. JQuery робить меню ще більш функціональним.
Крім динамічних функцій, дизайн також грає важливу роль. Хоча б тому, що це те, що відвідувачі бачать в першу чергу, коли заходять на ваш сайт.
Якщо меню буде скромним, це дасть користувачам поганий досвід взаємодії. Хороший дизайн меню в свою чергу збільшить якість вашого сайту, і дасть кращий досвід взаємодії користувачів.
Сьогодні я представляю вам 30 відмінних прикладів JQuery меню навігації.
Pushy адаптивне, не прив'язане до полотна меню навігації, що використовує перетворення і переходи CSS. Воно відмінно працює на мобільних пристроях. Обов'язково подивіться демо, і воно безумовно вам сподобається.
Це ще одна відмінна JQuery-меню для створення красивих прокручуваних списків навігації. Його відмінною рисою є малий розмір вихідних файлів.
3. jQuery Pop Menu
Це просте адаптивне спливаюче меню з дуже цікавими функціями. При натисканні на іконку меню, спливає вікно меню з іконками елементів. Подивіться демо.
4. Slidebars
Slidebars - JQuery фреймворк для швидкої і простий реалізації стилів додатки без прив'язки до полотна. Slidebars також обробляє зміни орієнтації і зміна розмірів.
5. jQuery Square Menu
JQuery меню, яке виводить квадратне анімоване меню сайту за допомогою JQuery і CSS3. Переконайтеся в цьому, подивившись демо.
6. Perspective Page View Navigation
Це jQuery меню навігації перетворює сторінку в 3D меню. Ідея полягає в тому, щоб створити дизайн мобільного додатка, в якому при кліці по іконці меню, вміст сторінки зсувається в бік, а меню виводиться на передній план.
7. SlickNav
Плагін для створення адаптивного мобільного jQuery меню з декількома рівнями і гнучкою, але простими налаштуваннями. Сумісний з різними браузерами, можлива навігація за допомогою клавіатури.
jQuery меню для додатків з прив'язкою і без прив'язки до полотна з спливаючими підпунктами. Завдяки численним опціях, адд-Онам і розширенням, можлива дуже гнучке налаштування меню.
jQuery плагін для створення меню і простого додавання адаптивних функцій. За допомогою Sidr ви зможете створювати різні елементи свого сайту, а також адаптивні меню.
10. slimMenu
slimMenu - це невеликий jQuery плагін, який допоможе вам у розробці адаптивних, багаторівневих меню навігації. Що саме класне в ньому, так це те, що ви можете мати кілька різних меню, і всі вони будуть абсолютно адаптивні.
11. HorizontalNav
jQuery меню навігації, що дозволяє задати горизонтальне меню по всій ширині контейнера. За допомогою цього плагіна це робиться дуже просто. Крім того можна реалізувати підтримку для IE7.
12. FlexNav
13. jQuery Menu-Aim
jQuery меню, яке запускає події при наведенні курсору миші на випадає елемент меню. Ідеально підходить для створення адаптивних випадають меню, як на Amazon.
14. SmartMenus
Плагін jQuery меню, який пропонує простий і інтуїтивний спосіб виведення меню. Створює адаптивні списки меню. Працює на всіх пристроях!
15. Shifter
Shifter - простий у використанні mobile-first jQuery плагін для створення слайд-меню, що виїжджають з правого боку при натисканні на кнопку перемикання. Для настройки існує тільки одна опція maxWidth. Вона дозволяє налаштувати дозвіл / орієнтацію для мобільних пристроїв.
16. Hamburger
Hamburger - це jQuery плагін для створення слайд-меню в стилі Android App. в якому по правому краю екрану розміщується спливаюче меню. При розкритті меню в повному розмірі, воно перекриває область контенту, але не панель дій.
17. Focucss
18. Drawer
Drawer - jQuery плагін для створення адаптивного, анімованого меню, що виїжджає при натисканні з бічної області екрану. Подібні функції ви могли бачити в Android-додаток.
19. Datmenu
Datmenu - преміум jQuery адаптивне меню з різними функціями CSS3 анімації. Що саме чудове в цьому плагіні, так це можливість повної настройки за допомогою js -Опції.
20. jPanelMenu
jPanelMenu - красиве і сучасне jQuery меню, що дозволяє створювати панельне меню навігації з функціями переходів CSS3 анімації. Стиль jPanelMenu нагадує мобільні версії Facebook і Google. Плагін може використовуватися для різноманітних мобільних додатків.
21. Fly Side Menu
Fly Side Menu - крутий плагін меню навігації, який використовує CSS3 для створення бічного меню з 3D перетвореннями і переходами.
22. PageScroll jQuery Menu Plugin
PageScroll - настроюється мобільне jQuery-меню, рекомендоване для використання на будь-яких веб-сайтах, а також цільових сторінках.
23. DD Icon Menu
DD Icon Menu - це jQuery плагін, який дозволяє створювати вертикальне меню іконок, розташоване на краю екрану з розгортаються при наведенні підпунктами меню.
24. JQuery Mobile Date Navigation
jQuery меню, що дозволяє здійснювати навігацію по датам в обраному діапазоні (тиждень, місяць або рік). Ідеально для запитів інформації за допомогою викликів AJAX.
25. Navobile
jQuery плагін меню навігації, що дозволяє дуже просто створювати мобільні меню. Використовує CSS переходи для установки позиції меню на мобільних пристроях.
26. Multi-Level Push Menu
27. Box Lid
Box Lid - простий jQuery плагін. дозволяє створювати бічне меню навігації з 3D-ефект 'Box Lid'. використовують переходи і перетворення CSS3.
28. JQuery Mobile Slide Menu
jQuery слайд-меню, зовні схоже на мобільні меню Facebook і Path.
29. scrollNav
scrollNav - це jQuery плагін, який виводить існуючий контент веб-сторінки, розбиваючи його на логічні розділи і створюючи настроюється слайд сайдбар навігації.
30. DoubleTapToGo
DoubleTapToGo - це jQuery плагін, який допомагає створити зручне багаторівневе адаптивне меню, що випадає.
висновок
Переклад статті «The Listed Voyage: 30 Free jQuery Navigation Menus» був підготовлений дружною командою проекту Сайтобудування від А до Я.