50 Волшебных Примеров Jquery

Теги: jquery, carousel, меню, плагин, слайдер, Навигация, plugin

Многие из нас используют плагины Jquery в своих проектах. Ниже я собрал 50 часто используемых плагинов используемые разработчиками. Возможно, что Вы уже знакомы с некоторыми из них, а может найдете что-то новое. Это только начало, продолжение будет скоро. Оставайтесь с нами и наслаждайтесь списком.

 

Меню

LavaLamp

Легковесное меню, с красивой анимацией.

 

jQuery Collapse

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

 

Навигационное Меню

Список со ссылками и вложенным списком, также показано как вложить список второго уровня.

 

SuckerFish Style

Меню с вложенными элементами.

 

Вкладки

jQuery UI Tabs / Tabs 3

Простая реализация навигации вкладок jQuery.

 

TabContainer Theme

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

 

Аккордеон

jQuery Accordion

Аккордеон меню со множеством вариантов исполнения. Демо

 

Simple JQuery Accordion menu

Простой меню Аккордеон jQuery.

 

Слайдеры

jQZoom

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

 

Image/Photo Gallery Viewer

Плагин позволяющий группировать и уменьшать размеры фото, создавая фотогалерею.

 

Эффекты перехода

InnerFade

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

 

Easing Plugin

В основном идет как вспомогательный плагин расширяющий графические возможность jQuery.

 

Highlight Fade

Подсветка кода с эффектом затухания.

 

jQuery Cycle Plugin

Цикличный показ изображений с эффектом наложения.

 

jQuery Карусель

jCarousel

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

 

Подбор цвета

Farbtastic

Плагин, позволяющий установить на страницу один и более виджетов подора цвета.

 

jQuery Color Picker

 

LightBox

jQuery ThickBox

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

 

SimpleModal Demos

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

 

jQuery lightBox Plugin

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

 

iframe

JQuery iFrame Plugin

Если javascript будет выключен, то плагин покажет ссылку на содержимое документа.

 

Проверка форм

Validation

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

 

Ajax Form Validation

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

 

jQuery AlphaNumeric

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

 

Элементы форм

 

jquery.Combobox

Простой способ создать combobox из существующих данных HTML.

 

jQuery Checkbox

Переключатель checkbox который хорошо ведет себя и при отключенном JavaScript.

 

File Style Plugin for jQuery

Плагин позволяющий использовать изображения как кнопку просмотра. Также с помощью CSS Вы можете вернуть сстандартный вид.

 

Рейтинг

 

Simple Star Rating System

 

Half-Star Rating Plugin

 

Всплывающие подсказки

Tooltip Plugin Examples

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

 

The jQuery Tooltip

 

Таблицы

Zebra Tables Demo

Плагин окрашивает строки таблицы черезстрочно как у зебры, и делает подсветку строк при наведении.

 

Table Sorter Plugin

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

 

AutoScroll for jQuery

Позволяет перемещаться по таблице с нажатой `Ctrl`.

 

Scrollable HTML table plugin

Используется для преобразования таблицы с обычного HTML в прокручиваемые.

 

Перетаскивание

Sortables

Вы будете удивлены насколько прост этот код. Можно перемещать, сортировать и отправлять данные по позициям в базу данных.

 

Draggables and droppables

Хороший пример использования плагина при перетаскивании элементов и объектов.

 

Переключатель стилей

Switch stylesheets with jQuery

Дает возможность пользователю переключать стили на сайте. Даже при повторном посещении, выбранный стиль сохранится средствами cookies.

 

Закругленные углы

jQuery Corner Demo

 

JQuery Curvy Corners

Плагин создает сглаженные закругленные углы.

 

Примеры jQuery, которые Вы должны увидеть

jQuery Air

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

 

HeatColor

Окрашивает поля в соответствии с рейтингом. Определяет диапазон из максимального и минимального значений и окрашивает с определенным шагом.

 

Simple jQuery Examples

Позволяет создавать графики. Задаете исходные данные и получаем график роста.

 

Date Picker

Гибкий календарь без излишеств для jQuery.

 

ScrollTo

озволяет возвращаться к определенным местам на странице типа `якорь`.

 

3-Column Splitter Layout

Это схема размещения 3 - колоночной страницы, в котором разделители тянутся. Левые и правые столбцы - полуфиксированы, средний столбец увеличивается или сжимается.

 

Pager jQuery

Небольшой плагин jQuery, который разбивает текст в одном блоке.

 

Select box manipulation

 

Cookie Plugin for jQuery

 

JQuery BlockUI Plugin

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

 

Источник перевода: здесь