Статьи

10 jQuery Widgets

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


1. Как добавить виджет галереи изображений с помощью jQuery Hover / Zoom для вашего Blogger

В этом уроке всего за 3 шага вы сможете создать собственный виджет галереи с помощью jQuery, добавить его в свой блог-блоггер, добавить его в заголовок, боковую панель, над областью публикаций, в столбцы нижнего колонтитула и в любом другом месте на ваш шаблон.
Как к Add-изображений Галерея-виджет-С-JQuery-Hover-или-Zoom-To-Your-Blogger-.jpg
Источник


2. Плагин WordPress — jQuery Виджет Мега Меню

Этот плагин для виджетов WordPress позволит вам быстро и легко создавать выпадающие мегаменю из любого пользовательского меню WordPress.
Wordpress-плагин --- JQuery-Drop-Down-Мега-Меню-виджет-.jpg
Источник


3. Понимание jQuery UI виджетов — учебник

Виджет для большинства означает элемент пользовательского интерфейса, например кнопку или что-то более сложное, например, всплывающее окно выбора даты, но в терминах пользовательского интерфейса jQuery это означает класс, члены которого связаны с элементами HTML, такие как Draggable и Sortable.
Понимание-JQuery-UI-виджеты-.jpg
Источник


4. Руководство для начинающих по jQuery Sorting

Начинающие могут часто уклоняться от попыток изменить порядок списков, перетаскивая их, мысль о том, чтобы сделать что-то подобное, может показаться пугающей. К счастью, пользовательский интерфейс jQuery сделал его относительно простым, и этот урок покажет вам, как это сделать.
Начинающие-Guide к JQuery-Сортировочный-.jpg
Источник


5. Создание слайдера Google Wave History

В этом уроке они покажут вам, как создать слайдер истории в стиле Google Wave. Используя его, он позволит посетителям ваших сайтов вовремя переходить назад и вперед для просмотра изменений, происходящих в цепочке комментариев.
Создание мини-Google-Wave-История-слайдер-.jpg
Источник


6. Создание слайдера контента с помощью jQuery UI

В этом руководстве вы будете использовать виджет слайдера пользовательского интерфейса jQuery, чтобы создать привлекательный и функциональный слайдер контента. У вас будет контейнер, в котором есть ряд элементов, каждый из которых содержит разные блоки контента.
Создание-а-Content-слайдер-с JQuery-UI-.jpg
Источник


7. Вкладки пользовательского интерфейса jQuery с Next / Previous

Области с вкладками прекрасны, но когда вы начинаете переходить к более чем 3 или 4 различным вкладкам, они начинают становиться немного переполненными, и имеет смысл предоставить им альтернативную навигацию. Имеет смысл предоставлять универсально расположенные кнопки «Следующая / Предыдущая», поэтому даже не двигая курсор, вы можете нажимать каждую из них.
JQuery-UI-Вкладка-с-Next-или-Предыдущего-.jpg
Источник


8. Пользовательский 404 с jQuery и jQuery UI

Этот учебник не ограничен только 404 страницами ошибок, вы можете использовать технику анимации, показанную в этом учебнике на любой странице. Вот посылка — 404 страницы, где пользователь действительно видит, что страница разбивается на кусочки.
Пользовательские-404-с-JQuery-и-JQuery-UI-.jpg
Источник


9. Пользовательский интерфейс jQuery — начало работы с ThemeRoller

ThemeRoller — это веб-приложение, которое предлагает забавный и интуитивно понятный интерфейс для разработки и загрузки пользовательских тем для пользовательского интерфейса jQuery.
JQuery UI---- Начало-Начало-с-ThemeRoller-.jpg
Источник


10. Создание элегантного виджета каналов с YQL, jQuery & CSS3

Сегодня мы создаем элегантный виджет каналов, который будет загружать любой канал и отображать его на боковой панели вашего блога. Вы можете настроить его, чтобы отображать последние сообщения из разных категорий вашего блога, ваши последние споты или даже людей, упоминающих вас в твиттере.
Создание-а-Sleek-Feed-виджет-с-YQL-JQuery-CSS3-.jpg
Источник