Главная страница   /   10. Использование эффектов jQuery (Pro jQuery

Pro jQuery

Pro jQuery

Адам Фриман

10. Использование эффектов jQuery

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

Таблица 10-1: Краткое содержание главы
Задача Решение Листинг
Показать или скрыть элементы Использовать методы show или hide 1
Менять (переключать) видимость элементов Использовать метод toggle 2, 3
Создать анимацию видимости элементов Добавить временной аргумент в методы show, hide или toggle 4
Вызвать функцию в конце анимации Добавить вызываемую функцию в качестве аргумента в методы show, hide или toggle 5, 6, 7
Создать анимацию видимости по вертикали Использовать метод slideDown, slideUp или slideToggle 8
Создать анимацию видимости с использование свойства прозрачности Использовать метод fadeIn, fadeOut, fadeToggle или fadeTo 9, 10, 11
Создать пользовательский эффект Использовать метод animate 12, 13, 14
Проверить очередь функций для создания эффектов Использовать метод queue 15, 16
Остановить и очистить очередь функций для создания эффектов Использовать метод stop 17
Вставить задержку выполнения очереди функций Использовать метод delay 18
Вставить в очередь пользовательские функции Использовать метод queue с функцией в качестве аргумента и убедиться, что следующая функция в очереди выполнена 19, 20
Отключить анимацию эффектов Установить свойство $.fx.off на true 21

10.1. Использование базовых эффектов

10.2. Использование эффектов скольжения

10.3. Использование эффектов исчезновения

10.4. Создание пользовательских эффектов

10.5. Создание и управление очередью эффектов

10.6. Включение и выключение анимаций

10.7. Резюме