Печать

Навигацию можно сделать красиво. jQuery и CSS меню на любой вкус

Меню на сайте — один из важнейших элементов не только в плане юзабилити, но и в плане дизайна. Оно и понятно, ведь навигация — эта часть интерфейса, которая не может остаться без внимания посетителя, поэтому к реализации меню следует относиться с должным вниманием. Интересно оформив меню, вы сможете добавить изюминку на ваш сайт. Главное при этом не переусердствовать и не лишить меню его основной функции, которая заключается в организации понятной и удобной навигации. Я сделал подборку отличных jQuery и CSS меню, которые вы сможете бесплатно скачать и использовать для своих дальнейших проектов. Внешний вид можно с легкостью подкорректировать с помощью CSS.

1. Интересное большое jQuery меню

Меню CSS JQuery

2. jQuery меню

Меню CSS JQuery

3. Многоуровневое jQuery меню

Меню jQuery

Простое меню. Работает в большинстве браузеров (даже в IE6)

4. Анимированное выпадающее меню с jQuery

Анимированное выпадающее меню с JQuery

5. Выпадающее меню jQuery

Анимированное выпадающее меню с JQuery

6. Меню jQuery

Меню CSS JQuery

7. Отличное выпадающее CSS jQuery меню

Меню CSS JQuery

8. Горизонтальное и вертикальное jQuery меню

Меню CSS JQuery

Красивое свежее CSS+jQuery меню. Представлено в двух вариантах: горизонтальное и вертикальное

9. jQuery меню

Меню CSS JQuery

10. Многоуровневое jQuery меню

Меню CSS JQuery

11. Многоуровневое CSS+jQuery меню

Меню CSS JQuery

12. jQuery меню

Меню CSS JQuery

13. jQuery меню

Меню CSS JQuery

На демонстрационной странице вы можете посмотреть это меню в различном исполнении

14. Интересные jQuery меню с различными эффектами

Меню CSS JQuery

Горизонтальное, вертикальное меню. Интересные эффекты.

15. Яркое jQuery меню

Меню CSS JQuery

16. Отличное jQuery меню в стиле Apple

Меню CSS JQuery

17. jQuery меню

Меню CSS JQuery

18. Fancy Sliding Menu for Mootools

Fancy Sliding Menu for Mootools

19. Прикольный эффект. Танцующее меню.

Меню CSS JQuery

20. Прикольный эффект. Танцующее меню.

Меню CSS JQuery

21. Выпадающий список Drop Down с использованием CSS и JQuery

Выпадающий список jQuery

Пункты списка могут содержать в себе не только текст

22. jQuery меню

Меню CSS JQuery

23. Вертикальное яркое jQuery меню

Меню CSS JQuery

24. jQuery плагин для плавной прокрутки страницы

jQuery плагин: древовидное меню

Древовидное меню с использованием jQuery. Несколько стилевых оформлений.

25. jQuery меню

jQuery меню

Разъезжающееся jQuery меню.

26. CSS и jQuery панель навигации

jQuery меню

Интересный эффект при наведении курсора мыши на пункт меню.

27. Горизонтальное jQuery меню jdMenu 1.3.

jQuery меню

Простенькое выпадающее меню.

28. jQuery Меню

jQuery меню

При переходе между пунктами меню плавно изменяется содержимое страницы.

29. jQuery меню в виде табов

Меню jQuery

30. Раскрывающееся jQuery меню

Меню jQuery

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

31. Выпадающее меню jQuery меню

Меню jQuery

На странице загрузки нажмите на ссылку для скачивания скрипта.

Интересная статья? Поделись ей с другими: