Лучшие плагины jQuery

jquery вкладки

freelancer — Mon, 01 Nov 2010 21:03:46 +0000

Сегодня я решил написать про вкладки в jquery.
На самом деле пожалуй это самый простой в реализации тип плагинов jquery.
Мало того, он очень полезен, так как добавляет сайту динамичность и легкость воспроизведения текста.
Так как текст в закладки загружается обычно сразу.
Для демонстрации jquery вкладок я выбрал самый легкий плагин, без наворотов графики. Уверен, вы быстро в нем разберетесь.

Демонстрация примера

Ссылка на сайт плагина

Безусловно, для вывода большого текстового массива, часто полезно использовать AJAX,
но этой темы мы коснемся в следующих статьях.

Описание jQuery

freelancer — Mon, 25 Oct 2010 17:11:44 +0000

Полное описание jquery можно найти на сайте jquery,
однако есть книги на русском языке, посвященные рецептам jquery.
Одна из них «jQuery. Подробное руководство по продвинутому JavaScript» авторы: Бер Бибо, Иегуда Кац

Вот ее оглавление:

Введение
Структура книги
Как работать с книгой 2
Источники информации
Благодарности

ЧАСТЬ I. МЕТОДЫ БИБЛИОТЕКИ JQUERY

Глава 1. Выбор элементов

1.1. Базовые правила 7
1.2. Выбор элементов с учетом иерархии 14
1.3. Основные фильтры 18
1.4. Фильтрация по содержимому 24
1.5. Фильтры видимых и невидимых элементов 28
1.6. Фильтры атрибутов 29
1.7. Фильтры элементов форм 35
1.8. Фильтры состояния элементов форм 37
1.9. Фильтры элементов-потомков 42

Глава 2. Атрибуты элементов

2.1. Управление атрибутами элементов 48
2.2. Работа с атрибутом class 53
2.3. Работа с HTML и текстом 54
2.4. Работа с атрибутом value 57

Глава 3. Визуальные эффекты

3.1. Как показывать и скрывать элементы 64
3.2. Эффекты «скольжения» и «затухания» 67
3.3. Создание анимации 71
3.4. Эффекты UI jQuery 76

Глава 4. Работа с CSS-свойствами

4.1. Как получать и устанавливать значения CSS-свойств элементов 81
4.2. Ширина и высота элементов 85
4.3. Позиционирование элементов 88

Глава 5. Некоторые методы ядра библиотеки jQuery

5.1. Примеры работы с объектом jQuery 92
5.2. Сохранение и извлечение данных 97

Глава 6. Манипуляции над элементами

6.1. Изменение содержимого элементов 101
6.2. Как вставлять элементы в DOM 103
6.3. Замена, удаление и копирование элементов 113

Глава 7. Перемещение по элементам

7.1. Поиск нужных элементов в DOM 120
7.2. Фильтрация элементов набора 131
7.3. Перемещение по цепочке вызовов 138

Глава 8. События и их обработка

8.1. Готовность документа 142
8.2. Назначение, удаление и вызов событий 144
8.3. Взаимодействие с элементами 152
8.4. События 155

Глава 9. Взаимодействие jQuery и AJAX

9.1. Самое простое 161
9.2. GET- и POST-запросы 166
9.3. Вспомогательная функция $.ajax(options) 174
9.4. Для чего нужна функция $.ajaxSetup(options) 180
9.5. События AJAX 183

Глава 10. Утилиты jQuery

10.1. Некоторые операции с массивами и объектами в jQuery 190

ЧАСТЬ II. РАСШИРЕНИЯ ДЛЯ БИБЛИОТЕКИ JQUERY

Глава 11. Меню для веб-сайта

11.1. Плагин jQuery Multi Level Menu 203
11.2. Плагин jQuery Drop Line Menu 207
11.3. Плагин jQuery TreeView 210
11.4. Делаем меню похожее на Accordion 216

Глава 12. Работа с таблицами

12.1. Плагин jQuery DataTables 219

Глава 13. Графики и диаграммы

13.1. Плагин jqPlot 229

Глава 14. AJAX-формы

14.1. Плагин jQuery Autocomplete 242
14.2. Плагин jQuery Form 252
14.3. Плагин jQuery Validate 257
14.4. Плагин jQuery Uploadify 264

Глава 15. Фотогалереи для сайта

15.1. Фотогалерея FancyBox 274
15.2. Простая фотогалерея 282

Глава 16. Несколько полезных плагинов

16.1. jQuery Cookie 286
16.2. jQuery Corner 288
16.3. jQuery Timers 293
16.4. jQuery Cluetip 297

Глава 17. UI jQuery — виджеты

17.1. Виджет Accordion 303
17.2. Виджет Datepicker 314
17.3. Виджет Dialog 326
17.4. Виджет Progressbar 334
17.5. Виджет Slider 337
17.6. Виджет Tabs 343

Глава 18. UI jQuery — взаимодействие с элементами страницы

18.1. Draggable — перемещение элементов 354
18.2. Droppable — «сброс» элементов 364
18.3. Resizable — изменение размеров элементов 371
18.4. Selectable — выбор элементов 377
18.5. Sortable — сортировка элементов 385

Литература 397

Приложение. Описание компакт-диска 398
Предметный указатель 400
Оглавление

Смешиватель от jquery-shuffle

freelancer — Sun, 24 Oct 2010 11:12:01 +0000

Плагин от jquery-shuffle представляет не что иное, как смешиватель объектов.
В роли объектов могут выступать как текст, так и картинки, а возможно и еще что-то иное… для этого надо поэкспериментировать.
Плагин позволяет делать случайное перемешивание данных в списке или в массиве изображений.

Изучайте и радуйтесь, если Вам это пригодится.
Демонстрационный пример
Ссылка на сайт автора

Magic Scroller – нестандартный слайдер картинок

freelancer — Sat, 23 Oct 2010 21:22:44 +0000

Надеюсь, Вы не перестали еще удивляться различным решениям в реализации слайдеров картинок…
Magic Scroller – это еще один слайдер, который в определенном порядке выдает мозаику картинок, фотографий в специальный div.

Демонстрация примера

Ссылка на сайт автора

Меню-слайдер по вертикали и по горизонтали

freelancer — Sat, 23 Oct 2010 21:15:45 +0000

foxiblob 0.1 – Это довольно простой, но в то же время приятный плагин для реализации горизонтального или вертикального меню.
Конечно тема избитая, но реализация такого меню может оживить Ваш web-сайт.
Демонстрация примера,

а вот ссылка на авторский источник. Пробуйте.

p.s.У примера есть безусловно проблемы с реализацией в разных браузерах, но при разумном подходе это можно исправить!

Эффектные и эффективные табы

freelancer — Sun, 03 Oct 2010 09:56:12 +0000

Что мне сразу понравилось в этих табах, а именно то, что текст содержимого каждой закладки берется из файла HTML,
который конечно же хранится у вас на ftp. Иными словами в каждый файл можно залить просто текст, а можно поэкспериментировать и текст с использованием javascript.

Пробуем:
Открыть пример
Ссылка на источник

p.s. Да, забыл сказать важную вещь. Для работы с русским текстом ставьте в главном скрипте кодировку charset=windows-1251,
также это касается htm-файлов, там тоже должна в заголовке указана кодировка charset=windows-1251, в противном случае смело используйте utf-8,
либо ту, которая указана в родном примере charset=iso-8859-1

Эффекты для текста

freelancer — Sun, 03 Oct 2010 08:47:13 +0000

В общем все мы знаем про бегущую строку, как один из самых распространенных эффектов появления текста.
Уверен, что многие не задумывались о том, что есть более интересные эффекты для текста – jQuery Text Effects. Как они работают ? Жмите смело ссылку демонстрации примера и вы все поймете!
Открыть пример
Ссылка на источник

Плагин для панорамных снимков

freelancer — Mon, 27 Sep 2010 13:45:00 +0000

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

Демонстрация плагина:

Ссылка на сайт плагина

Превью для изображений imgPreview

freelancer — Mon, 27 Sep 2010 12:38:10 +0000

Довольно часто встречаются задачи, когда нужно выводить фотографии в большом количестве. Если фотографий с хорошим разрешением несколько, тогда можно обойтись традиционными средствами отображения фоток. А если изображений много? То как быть?
Здесь представлен плагин, который решает эту. Быстрый плагин, позволяет создавать preview фотографий.
Демонстрационный
пример

Оригинальная jquery карусель

freelancer — Mon, 27 Sep 2010 11:23:03 +0000

Вашему вниманию предлагаем очень необычное решение горизонтального меню типа «jquery карусель», где изображения меняются в необычном порядке.

Судите сами:

Инструкции по установке смотрите на сайте плагина