Войти
Freeweber

Материалы для вебмастеров

» » » 65 Меню для сайта на jquery и CSS

65 Меню для сайта на jquery и CSS

 

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

Меню CSS JQuery

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

Меню CSS JQuery

3. Меню для оформления портфолио

Меню для оформления портфолио

4. Выпадающий список с применением jQuery

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

Отличная стилизация элемента интерфейса в виде раскрывающегося списка.

5. Выезжающая CSS3 панель

Выезжающая CSS3 панель

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

6. jQuery плагин «MobilyBlocks» для отображения кругового меню

jQuery списки

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

7. Меню с использованием спрайтов

jQuery меню

Анимированное javascript меню с эффектом свечения.

8. Анимированное jQuery меню

jQuery меню

Свежее симпатичное меню на jQuery.

9. jQuery меню «GarageDoor»

jQuery меню Гаражные двери

10. jQuery меню с вертикальной прокруткой

jQuery меню

Реализация меню с большим количеством пунктов. Прокручивается при перемещении курсора мыши вверх или вниз.

11. jQuery оформление выпадающего списка

Меню в виде выпадающего списка

12. Плагин навигации по странице

jQuery One Page Navigation

Плавная прокрутка к нужному разделу на странице. Плагин «jQuery One Page Navigation».

13. Плагин «Animated Content Menu»

jQuery навигация

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

14. jQuery плагин меню «Sweet Menu»

Меню jQuery

Анимированное меню с выезжающими пунктами.

15. Фиксированное jQuery меню

Меню

При прокрутке страницы вниз, меню остается зафиксировано сверху экрана.

16. Прокручивающиеся меню «Slider Kit»

jQuery меню

Для реализации вертикльного меню с большим количеством пунктов. Прокрутка пунктов осуществляется с помощью колеса мыши, либо с помощью ссылок «Previos» и «Next».

17. Стильное CSS3 меню

Меню CSS3

18. Новое CSS3 меню в стиле Apple

CSS3 меню в стиле Apple

Новое меню в стиле Apple. Выглядит темнее того, что было ранее, но не менее симпатично.

19. Оригинальное jQuery меню

Плагин для оригинального меню

Выпадающее меню с фоновым эффектом. Подпункты меню разворачиваются вверх. При наведении на пункт меню сменяется фоновое изображение.

20. Анимированное меню на jQuery

Меню на jQuery

Анимированное меню. Пункты меню представлены в виде иконок и описания. несколько отличных эффектов при наведении курсора мышки на пункт меню. Предусмотрено 8 эффектов, чтобы посмотреть их все — пройдите по ссылкам Exemple1-Exemple8 на демонстрационной странице.

21. «Scrolling menu» XML меню с прокруткой 

Меню с прокруткой на jQuery

Вертикальное и горизонтально меню с прокруткой. Хорошее решение при большом количестве пунктов в меню.

22. Контекстное меню на сайте на jQuery

Меню вызывается правой кнопкой мыши

Меню всплывает по нажатию правой кнопкой мыши на определенной области.

23. Круговое двухуровневое меню для сайта

Меню двухуровневое

При выборе пункта меню, справа отображаются пункты подменю.

24. jQuery CSS3 меню с эффектом размытия «Blur Menu» CSS3

CSS3 меню с эффектом размытия

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

25. Несколько эффектных анимированных jQuery CSS3 меню

Анимированные меню

10 креативных анимированных меню. Горизонтальные и вертикальные CSS3 меню с различными эффектами и переходами.

26. Анимированное jQuery меню

Анимированное jQuery меню

В архив также вложен исходный PSD файл меню.

27. Меню MagicLine

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

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

28. Image Bubbles

jQuery меню

Отличный эффект, при наведении мышки на одно из изображений. Эффект чем-то напоминает jQDock, описанный выше.

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

Меню CSS JQuery

30. jQuery меню

Меню CSS JQuery

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

Меню CSS JQuery

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

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

Меню CSS JQuery

33. Fancy Sliding Menu for Mootools

Fancy Sliding Menu for Mootools

34. jQuery меню с интересным эффектом

jQuery меню

35. Интересное меню jQuery

Меню jQuery и CSS3

36. Свежее меню с интересным эффектом на jQuery

Меню jQuery и CSS3

37. jQuery меню

Плагин «Стопка карточек» на jQuery

Очень интересный эффект. Отлично подойдет для оформления сайтов-портфолио.

38. Графическое меню jQuery

Графическое меню jQuery

39. Классное jQuery меню в стиле Apple

Классное jQuery меню в стиле Apple

Интересный эффект выплывающих миниатюр при наведении.

40. Выпадающий список с автоскроллингом

Список с автоскроллингом

41. Меню jQuery

jQuery меню

Симпатичный эффект перехода между пунктами.

42. Отличное jQuery меню

jQuery меню

43. Красивое большое jQuery меню

jQuery меню

44. Прокручивающиеся jQuery меню

Меню jQuery

Пункты меню представлены в виде миниатюр.

45. Классное jQuery меню

Классное jQuery меню

46. Круговое меню навигации jQuery

Классное jQuery меню

47. CSS и jQuery меню

jQuery панель навигации

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

48. Горизонтальное jQuery меню

jQuery меню

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

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

Отличное вертикально меню. При наведении курсора выплывает пункт меню.

50. Горизонтальное jQuery меню

jQuery меню

51. Интересное jQuery меню

Меню jQuery

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

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

Меню jQuery

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

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

jQuery меню

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

54. Всплывающая jQuery панель

jQuery панель

Интересная всплывающая панель/меню с отличными иллюстрованными иконками.  Для появления меню нажмите на плюс в нижнем левом углу экрана.

55. CSS3 меню

CSS3 меню

Лекгкое CSS меню с интересным эффектом.

56. Выпадающее меню

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

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

57. Меню с CSS и jQuery анимацией 

jQuery меню

Свежее анимированное меню в серых тонах.

58. Колоночная навигация по сайту на jQuery

Навигация по сайту

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

59. jQuery навигация по сайту

Навигация по сайту

Навигация по сайту представлена в виде 4 картин, при наведении на которую вы заметите интересный анимированный эффект.

60. Панель навигации прокручивается вместе с содержимым

jQuery панель навигации

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

61. jQuery панель с различными социальными сервисами

jQuery панель

Нижняя панель на jQuery с различными социальными виджетами (RSS-подписка, возможность поделиться материалом в социальных сетях либо добавить в закладки, последние записи в твиттере, форма обратной связи, YouTube канал). Все виджеты отображаются во всплывающих модальных окнах. 

62. Аккуратное анимированное jQuery меню

Меню

63. jQuery меню «Акварельные кисти»

jQuery меню акварельные кисти

Демо

<a rel="nofollow" title="Скачать скрпит" href="http://www.onextrapixel.com/examples/jquery-brush-stroke-navigation/jquery-brush-stroke-navigation.zip" style="margin: 0px; padding: 0



21.05.2013
Просмотров: 109 279
Похожие статьи:

Комментарии: