Отличные jQuery плагины для вашего сайта. Подборка за 2010 год

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

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

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

И так, поехали.

1. AJAX-zoom плагин

AJAX-zoom представляет собой плагин очень функциональной галереи, с большим набором функций. Плагин работает на JQuery и PHP и имеет более 250 вариантов отображения. В дополнение его функциональности — это очень гибкий плагин, который может быть интегрирован в любой сайт.

2. Image Rotator

Image Rotator позволит вам поворачивать изображения вокруг центральной оси. Очень интересный эффект.

3. Cloud Zoom

Этот плагин по качеству реализации ни чем не уступает коммерческим скриптам по масштабированию изображений, например, такому как Magic Zoom. Много различных возможностей и совместимость с наиболее популярными браузерами. Рекомендую посмотреть этот скрипт в деле на демонстрационной странице. Я думаю, он не оставит вас равнодушными.

4. jQuery Before/After Plugin

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

5. jQDock

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

6. Visual Lightbox

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

7. Image Bubbles

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

8. jQuery Panel Magic

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

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

9. Checkbox

Интересное оформление чекбоксов с помощью jQuery

10. jqFancyTransitions 

jQuery галерея для вашего сайта

11. Images In All Size jQuery Plugin

Плагин для отображения фотографий в виде слайд-шоу с интересными эффектами перехода.

При наведении на фото, оно прокручивается, показывая обрезанную часть изображения. Также интересный цветовой эффект при наведении мышки. P.S. На девочек не засматривайтесь, изучайте код:)

12. Текстовые ффекты

Много различных текстовых эффектов. Буквы «буквально» летают по экрану.

13. jCoverflip

Отличный слайдер, реализованный на JQuery. Быстро настраивается и очень гибок. Слайдер может работать как автономно так и встраиваться в Drupal CMS

14. BxSlider

Еще одни JQuery плагин «слайдер контента». Может прокручивать различный контент, например, текст так и изображения. Мало весит и очень прост в использовании.

15. jScratchcard plugin

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

16. jQuery Menu

Многоуровневые выпадающее меню с визуальным эффектом JQuery. Большой выбор.

17. Cusor Hover Buttons

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

18. jQuery карусель

Этот плагин прообразовывает пункты списка (ul li) в элементы jQuery карусели.

19. 2D Transform

Плагин позволяет трансформировать 2D элементы на странице при нажатии на них кнопки мыши.

20. jPhotoGrid

Сетка изображений. Галерея с jquery эффектом.

21. jMagnify 

jMagnify увеличивает текст при наведении курсора мыши.

22. AnimaDrag

Анимация перетаскивания элементов на странице.

23. 3D  Карусель

Отличный плагин, реализующий интересный показ изображений в виде карусели. Очень красивый эффект. При этом работает в большинстве браузеров (IE6 +, Firefox, Chrome, Opera, Safari). Очень легкий скрипт (6кб), который легко интегрируется в HTML код.

24. 3D Feature Image Carousel

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

25. Smooth Anchors jQuery Plugin

Плагин позволяет реализовать плавный переход при использовании якорных ссылок.

26. HoverAttribute

Интересное оформление ссылок: при наведении на ссылку изменяется ее анкор. Смотрится прикольно.

27. Expanding Grid

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

Ну вот пожалуй и все. Используйте в свое удовольствие и радуйтесь результатам. На момент написания статьи все ссылки были рабочими, а плагины распространялись бесплатно. Если вы вдруг обнаружите битую ссылку или за плагин придется заплатить — дайте мне знать, я удалю её из списка.

Кстати, вы все еще не подписались на RSS обновление? Ну, не знаю... Вы рискуете пропустить что-нибудь интересное на моем блоге. Чтобы этого не произошло быстренько подписывайтесь на RSS или на e-mail рассылку. Это займет считанные секунды.

Оригинал: 1stwebdesigner.com

Вы можете посмотреть похожие заметки: