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

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

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

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

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

1. AJAX-zoom плагин

Плагин для jQuery галереи

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

2. Image Rotator

Плагин для jQuery галереи

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

3. Cloud Zoom

Плагин для jQuery Zoomer

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

4. jQuery Before/After Plugin

Плагин До/После

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

5. jQDock

jQuery меню

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

6. Visual Lightbox

Галерея лайтбокс

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

7. Image Bubbles

jQuery меню

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

8. jQuery Panel Magic

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

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

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

9. Checkbox

Чекбоксы

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

10. jqFancyTransitions 

Плагин для jQuery галереи

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

11. Images In All Size jQuery Plugin

Плагин для jQuery галереи

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

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

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

Текстовые эффекты jQuery

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

13. jCoverflip

Слайдер jQuery

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

14. BxSlider

Слайдер jQuery

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

15. jScratchcard plugin

Плагин jQuery

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

16. jQuery Menu

Плагин меню jQuery

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

17. Cusor Hover Buttons

Интересный эффект jQuery

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

18. jQuery карусель

Карусель jQuery

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

19. 2D Transform

2d трансформирование jQuery

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

20. jPhotoGrid

Сетка jQuery

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

21. jMagnify 

Текстовые эффекты jQuery

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

22. AnimaDrag

Перетаскивание элементов на странице jQuery

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

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

Перетаскивание элементов на странице jQuery

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

24. 3D Feature Image Carousel

Перетаскивание элементов на странице jQuery

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

25. Smooth Anchors jQuery Plugin

Якоря

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

26. HoverAttribute

Оформление ссылок jQuery

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

27. Expanding Grid

Сетка дивов

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

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

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

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

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

10.06.2010
top


blog comments powered by Disqus
Рубрики
3 месяца отличного хостинга бесплатно
Система Orphus