40 полезных методов JQuery и плагины

За последний год, Smashing Magazine развивалась.We’ ве издает меньше списки и более глубокие статьи о дизайне и веб-разработки.

Мы пригласили специалистов и громких разработчикам писать для нас.We’ посетили вкладывать больше ресурсов в качестве и актуальности нашей статьи.We’ нас также изучить новые форматы, а по выходным we’ нас издается более вдохновляющей части, оставляя глубокие статьи в weekdays.

We’ пробовал все возможное, чтобы питать растущие аппетиты наших читателей для более продвинутых статьи, но в последнее время we’ ве получает больше запросов на тщательно отобранных, полезные облавы.Мы не являемся большими поклонниками списки тоже, но формат полезен, и — если ресурсы имеют отношение — может быть чрезвычайно полезным.Таким образом, we’ ве решил добавить пару облав в месяц в качестве бонуса для наших постоянных статей.Вместо того чтобы заменить основные статьи, мы будем добавлять облавы на вершине нашей регулярной основе.Если вы don’ т, как облавы или найти их нарушении, пожалуйста, чтобы пропустить их.Как это работает для вас

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

Советы, подсказки, Navigation

Туптуп JQuery Plugin
Туптуп обнаруживает края окна браузера и убедиться, что подсказка остается в пределах текущего размера окна.В результате появится всплывающая приспособиться к отображаются сверху, снизу, слева или справа от элемента с Туптуп применяться к нему, в зависимости от того, что необходимо оставаться в пределах окна браузера.Туптуп очень легкие и интеллектуальные пользовательские подсказки JQuery плагин.Он использует ZERO изображения и является полностью настраиваемым через CSS.

TipTip jQuery Plugin

Контекстная Советы выдвижной с JQuery & CSS3
набор контекстных советы выдвижной с JQuery & CSS3, которые идеально подходят для продуктов страницах и сайте tours.

Screenshot

JQuery плагин Slider (Safari стилю)
JQuery Slider проста в использовании и многофункциональный плагин JQuery.

jQuery Slider plugin (Safari style)

jSquares
jSquares является JQuery плагин, который всплывает изображение и описание наложение при наведении курсора мыши.Это в основном идентичны сетке изображения найдены на www.ted.com.Работает как шарм в IE6, FF 3, Safari 3 и опера 10.

Screenshot

Nav-о-Matic
один спрайт навигации является большим, но все мы знаем, он может получить немного утомительно.Все, что измерение пикселя ломтиками фотошоп, осторожно кодирования вашего CSS и последующее калькулятор трепку достаточно, чтобы свести никому, чтобы начать микроволновой печи пушистых котят.Wouldn’ т было бы замечательно иметь модный онлайн-инструмент для берем на себя все скучные вещи для Вас в несколько кликов?Ну не желаю more…

 Nav-o-Matic

Jquery Двусторонняя Мультиселектор
Этот плагин конвертирует несколько выберите список в двусторонней множественного выбора списка.Это означает, что отображение списка вариантов в левом окне руки и предметы выбрать перемещаются в правую руку box.

Jquery Two Sided Multi Selector

JQuery MegaMenu Plugin

jQuery MegaMenu Plugin

JQuery клавиатуры Plugin
JQuery Keyboard Navigation Plugin обеспечивает возможность для элементов на странице для навигации и активируется через keyboard’ S вверх, вниз, вправо и стрелку влево keys.

jQuery Keyboard Navigation Plugin

FullCalendar – Полноразмерный календарь JQueryPlugin
FullCalendar является JQuery плагин, который предоставляет полный размер, перетащите & Падение календаря, как показано ниже.Он использует AJAX для извлечения событий на лету для каждого месяца и легко конфигурируется, чтобы использовать свой собственный формат подачи (продление предусмотрено Google Calendar).Он визуально настраивается и предоставляет крючки для пользователей вызвали события (например, нажатия или перетаскивания событий)

FullCalendar - Full-sized Calendar jQuery Plugin

Forms

iPhone радио Стиль и Флажок Переключатели использованием JQuery и CSS
простой метод для создания кнопки радио и Флажок выключатели с jQuery.

jQuery plugin: Tablesorter 2.0

JQuery Выберите Меню интерфейса: ARIA доступных плагинов для укладки Custom HTML Select Element
Наш последний вклад в лабораториях Выберите Меню плагин, который предназначен для дублирования и расширить функциональность родного HTML выберите элемент,и позволяет настраивать внешний вид, добавлять иконки и создать иерархию внутри вариантов.Лучший из всех, it’ S построен с прогрессивного улучшения и доступности в виду, имеет все родные мышь и клавиатуру, и ThemeRoller-ready.

jQuery UI Selectmenu: An ARIA-Accessible Plugin for Styling a Custom HTML Select Element

Лучше JQuery В поле Метка Plugin
Это очень хороший эффект, и это действительно может помочь сэкономить место на форме.Есть миллиарда различные способы реализации этого, и я don’ T предлагаю вам использовать приведенный выше пример, потому что это был всего лишь быстрый способ, чтобы показать эффект.Так let’ с прогулки по несколько различных подходов внедрения и выяснить, лучший способ осуществить это feature.

   A Better jQuery In-Field Label Plugin

раздвижные Labels
Тим Райт придумал JQuery технику, которая представляет метки в полях ввода по умолчанию, но затем скользит их влево (или вверх), а не удалениеих на кнопку.Если JavaScript выключен, метки отображаются над полями ввода.Небольшой фрагмент JQuery работает во всех основных браузерах и может быть использован для ввода текстовой и elements.

Sliding Labels

Вход или Регистрация с jQuery
Некоторые пользователи doesn’ т, как к заполнению регистрационной формы.Так что я был реализован логин и singup полей в одном блоке управления только с JQuery и PHP.It’ с очень простой JavaScript и PHP основные code.

Screenshot

Равномерное – Sexy формы с jQuery
Вы когда-нибудь хотели вы могли бы стиль флажки, выпадающие меню, переключатели и загрузки файлов материалы?Когда-нибудь хотели вы могли контролировать внешний вид и форму элементов между всеми браузерами?Если это так, Uniform ваш новый лучший друг.Равномерное маски ваши стандартные элементы управления формы с пользовательскими тематический контроль.Она работает в синхронизации с реальным элементам формы для обеспечения доступности и compatibility.

Uniform - Sexy forms with jQuery

Слайд-шоу и Galleries

JQuery Quicksand plugin
Изменение порядка отображения и фильтрации элементов с хорошим перетасовки animation.

jQuery Quicksand plugin

Nivo Slider: слайд-шоу JQuery Script
Nivo Slider представляет собой простой и мощный слайдер изображений JQuery плагин, который отвечает всем требованиям.Инструмент имеет девять уникальных эффектов перехода встроенная, а также множество вариантов возиться с: например, можно определить функции, которые будут применяться до и после того, как изображение изменилось, установить скорость анимации и активировать паузу на hover.

jQuery imageless buttons a la Google

# grid
# сетке небольшой инструмент, который вставляет сетку на веб-странице.Вы можете держать сетку на месте и переключать его между передним и задним планом.Для отображения сетки, просто нажмите горячую клавишу на клавиатуре, и вы можете установить собственные быстрые клавиши для переключения представлений.# Сеткеприходит создана с 980 пикселов широкий контейнер, с 20-пиксель желоба, и предполагает, один провод 20 пикселей.Вы можете скачать исходный код (JavaScript и CSS) и использовать классы для нескольких grids.

Screenshot

Улучшение Content …

Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров

Comments are closed.