Популярное применение jQuery

Недавно Я работал с CMS в которой по умолчанию встроен фреймворк jQuery . В этом нет ничего удивительного, по статистике jQuery используют больше чем 50% веб-сайтов. На этой странице мной собран небольшой список с примерами как можно использовать библиотеку jQuery для веб-сайта.

Популярные применения jQuery

  1. Меню с помощью jQuery
  2. Управление изображениями
  3. Галереи с изображениями
  4. Эффекты перехода
  5. Карусель с помощью jQuery
  6. Палитра цветов
  7. Лайтбокс
  8. jQuery для проверки веб-форм
  9. Плагин jQuery рейтинг
  10. Плагин jQuery для таблиц
  11. Закругленные углы с помощью jQuery
  12. Виджеты jQuery
  13. Динамическое содержание
  14. Управление содержанием
  15. Твики для браузера
  16. Эффекты анимации с помощью jQuery
  17. jQuery для социальных сетей
  18. jQuery Mobile
  19. Лучшие советы по jQuery
  • jQuery Lavalamp — через CSS и методы Javascript, вы можете добавить фон для наведения курсора, эффект для ссылок меню используя библиотеку Eazing.
  • Kwicks для jQuery — это очень гибкий и настраиваемый виджет framework, он предлагает все возможные виды аккордеонов, для всех случаев жизни.
  • jQuery iPod — стиль для меню jQuery, помогает пользователям управлять крупными структурами данных, когда не очень хорошо справляется традиционное выпадающее меню.
  • CSS Sprites2 с помощью jQuery — использовать jQuery для реализации CSS Sprites2. Явное преимущество jQuery над другими библиотеками javascript, является то, что jQuery позволяет пользователям выбрать элементы страниц с помощью синтаксиса CSS.

Управление изображениями

  • jQZoom плагин jQuery, который легко позволяет создавать небольшое окно с увеличенным элементом изображения выбранным курсором мыши. jQZoom хорошо подходит для веб-сайта электронной коммерции и не только.
  • jCrop — этот плагин jQuery предоставляет простой и быстрый способ добавления изображения и обрезка. Данная функциональность включает в себя использование типичного но мощного кросс-платформенного DHTML движка, совместимый с графическими приложениями.
  • jQuery Panorama Viewer — этот плагин jQuery может интегрировать панорамные фотографий на вашем веб-сайте с просмотром панорамы.

Галерея jQuery

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

  • InnerFade — это небольшой плагин jQuery, он позволяет использовать эффекты затухания для любого элемента в контейнере, как внутри так и вне. Элементы могут включать в себя элементы div, список или картинки.
  • jQuery Easing Plugin плагин jQuery от GSGD и обеспечивает варианты плавного расширения блока.
  • HighlightFade позволяет использовать эффекты перехода из одного цвета в другой с любой скоростью замены цвета и является полностью настраиваемым.
  • jQuery Cycle Plugin — этот плагин jQuery классифицируются как слайд-шоу. Этот плагин может делать авто-стоп, до и после процедуры обратного вызова, и многие другие эффекты перехода.

Карусель с помощью jQuery

  • jCarousel — этот плагин jQuery используется для контроля списка элементов в вертикальном или горизонтальном порядке. Список элементов может быть загружен с AJAX или без, или может быть статическим содержимым HTML. Его можно прокручивать в любом направлении с анимацией или без последствий.
  • AGILE Carousel — плагин jQuery, который обеспечивает простое создание карусели. Этот плагин позволяет использовать PHP для вызова изображения из папки, указанной пользователем. Пользователи могут настроить разные варианты, в том числе время, контроль, переход и т.д…

Палитра цветов

  • Farbtastic — этот jQuery плагин позволяет Вам добавить больше виджетов color picker на страницу с помощью Javascript. Эти виджеты связаны с элементом, и будет обновлять значения этого элемента, когда подобран один конкретный цвет .
  • jQuery Color Picker — этот плагин jQuery позволяет Вам выбрать цвет, почти так же, как Вы выбираете цвет в программе Adobe Photoshop. Для этого плагина jQuery легко настроить внешний вид путем простого изменения изображения. Она также имеет мощные элементы управления для выбора цвета и легко помещается в окне просмотра.
  • jQuery Thick Box в этом случае функции плагина jQuery предназначены изменить размер изображения и обеспечивает универсальность содержания, изображения, AJAX содержание и iFramed содержания. Он будет оставаться в центре окна, даже если вы измените размер окна браузера или прокрутите страницу.
  • SimpleModal — определяется как легкий плагин, который создает основу интерфейса для предоставления модального диалогового окна. Этот плагин jQuery должен дать разработчикам кросс-браузерное наложение и контейнер, который будет содержать данные, предоставленные SimpleModal.
  • Visual LightBox предоставляют возможность добавить изображение на странице в простой и элегантной форме. Под этот плагин jQuery, лайтбоксы могут быть собраны в одной группе и обеспечивает множество вариантов конфигураций. Он также обеспечивает ручные и автоматические функции для создания и запуска лайтбокса.
  • Revealing Photo Slider — этот инструмент создаёт миниатюры для фото галереи, где после нажатия раскрывается веся информация о фото.
  • FancyBox инструмент jQuery автоматически масштабирует изображение по размеру окна в windows, добавляя прекрасные тени под увеличенный элемент. Этот инструмент можно использовать для группировке связанных элементов и добавить переходы между ними. Он полностью настраивается через CSS и дополнительные настройки.
  • Facebox изображения для просмотра содержимого — это легкий плагин, который отображает изображения в элементе div, с помощью AJAX даже удаленных страницах.
  • Flux Slider — CSS3 анимации изображений, основанные на переходах.

jQuery для проверки веб-форм

  • jQuery форма проверки — быстрая, незаметная, масштабируемая и легко подключаемая проверка данных веб-фомы. Предлагает различные методы для всех типов проверки, предназначен для очень простых и более сложных схем проверки.
  • File Style Plugin for jQuery — этот плагин jQuery решает проблему с веб-браузерами, которые не разрешают добавить стиль к файлам входа.
  • Проверка веб-форм с jQuery — с этой проверкой формы можно показать валидность ввода в форму как в браузере, так и на стороне сервера (server-side)
  • Skeuocard постепенно повышает кредитные карты входов, чтобы обеспечить интерфейс skeuomorphic.

Плагин jQuery рейтинг

  • Рейтинг звездами — простой плагин jQuery, используется для рейтинга со звездами. «Wil Stuckey»
  • Половина Звезд Плагин — этот плагин jQuery был разработан по просьбе сделать повышение рейтинга и отображение с половиной звезды рейтинговой системы.

Плагин jQuery для таблиц

  • Плагин для сортировки таблицы — этот  плагин jQuery используется для сортировки списка таблицы, не прибегая к обновлении страницы. Этот плагин jQuery может эффективно сортировать и анализировать множество данных, включая данные в ячейках, которые связаны между собой.
  • Autoscroll плагин для jQuery —  этот плагин jQuery обеспечивает прокрутку hotspot для веб-страницы. Этот плагин jQuery работает даже с более ранними версиями jQuery.
  • Плагин для прокручивания таблицы HTML — плагин используется для преобразования таблиц HTML с возможностью прокрутки таблицы. Этот плагин jQuery не требует никакого дополнительного кода.
  • TableEditor — этот инструмент позволяет редактирования таблицы HTML. Пользователи могут легко удалить обработчик функции обновления.
  • Плагин jQuery DataTables — этот плагин делает с таблицами HTML всё что только может понадобится.

Закругленные углы с помощью jQuery

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

Виджеты jQuery

  • HeatColor jQuery plugin обеспечивает цвета элементам и определяет значение производной от этого элемента. Это производное значение лежит в диапазоне свойств. Затем элементу присваивается цвет, который является производной от свойства значения в пределах диапазона значений.
  • Плагин jQuery Выбрать дату — этот плагин jQuery добавляет возможность выбрать дату в веб-формах и на страницах с документами. Он был создан в целях достижения гибкости и расширяемости.
  • hideShowPassword — позволяет легко скрывать и показывать пароли через JavaScript.

Динамическое содержание

  • FCBKcomplete предоставляет пользователям как на Facebook динамические входы и авто-заполнение значений.
  • Scatterplot.js — плагин JQuery для создания 2D-точечной графики и диаграммы.
  • Scrollocue — JQuery плагин для создания простой системы прокрутки строк текста.

Управление содержанием

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

Твики для браузера

  • Установка одинаковой высоты с запроса с помощью jQuery можно выровнять поле в высоту в одном контейнере, чтобы создать аккуратную сетку.
  • Прозрачность Query PNG Fix для IE6 — это исправление ошибки, которая использует селекторы jQuery для автоматического исправления всех прозрачных PNG изображений на странице веб-сайта.
  • Ленивая загрузка — этот инструмент может лениво загружать изображения на длинных страницах, загрузка изображений происходит только тогда, когда пользователь прокручивает страницу вниз к изображению.
  • Maxlength — это плагин jQuery он автоматически ограничивает количество символов вводимых в поле, и дает и сообщает о том, сколько осталось свободного места.

Эффекты анимации с помощью jQuery

  • Плавная замена содержания - этот инструмент jQuery позволяет пользователям использовать анимацию и изменить путь к стилю страницы на лету , чтобы реагировать на события, которые происходят на вашей странице.
  • Создать анимацию робота с помощью jQuery цель обеспечить эффект 3-D анимации фона как в видео играх.
  • Playroom — интерактивная площадка, где вы можете выбрать сами запасы. Пример стилей использует слегка модифицированные эффекты от фантастических animate.css.
  • jQuery Label Better — красивая анимация ввода меток в форму.

jQuery для социальных сетей

  • Share — это плагин jQuery, который создает простую, легкую и красивую кнопку «поделится».
  • Flati Social Share Plugin — этот плагин для социальной сети, написанный на jQuery, разработанный с пользовательским интерфейсом.
  • Social — этот плагин jQuery для листинга и совместного использования профилей.
  • HIDESHARE — этот плагин jQuery для вставки социальных функций разделения. Требует, чтобы веб-шрифты были установлены.
  • Social Sidebars — этот плагин JQuery для анимации социальных кнопок.
  • jQuery Social Share Buttons Plugin помогает добавить социальной кнопки на любой сайт с помощью плагина jQuery.
  • Sharrre   — этот плагин jQuery позволяет создать совместное использование виджетов для Facebook, Twitter, Google Plus (PHP-скрипт) и многое другое.

jQuery Mobile

  • jQuery Mobile 1.3.0 — эта версия плагина jQuery Mobile нацелена на адаптивный веб-дизайн.
  • Пример jQuery Mobile который оснащен новыми функциями и виджетами, и которые реализованы в новой версии jQuery Mobile.

Лучшие советы по jQuery

Заключение

Библиотека jQuery несомненно по разному улучшает документы HTML, обрабатывая события, выполнения анимации, и добавляя AJAX на страницы веб-приложения.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML -теги и атрибуты: <a href= http://pixelcom.crimea.ua/"" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>