Использование эффектов 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 |
Использование базовых эффектов
Использование эффектов скольжения
Использование эффектов исчезновения
Создание пользовательских эффектов
Создание и управление очередью эффектов