Категория: Эффекты

jQuery UI добавляет довольно много функциональности поверх встроенных эффектов jQuery. jQuery UI добавляет поддержку анимации цветов и переходов классов, а также предоставляет несколько дополнительных способов плавного изменения. Кроме того, доступен полный набор пользовательских эффектов для показа и скрытия элементов или просто для добавления визуального привлекательности.

.addClass()

Добавляет указанные классы к каждому из набора совпавших элементов, анимируя все изменения стилей.

Эффект занавеса

Эффект занавеса скрывает или отображает элемент, обернув его в контейнер и «поднимая занавесы».

Эффект отскока

Эффект отскока заставляет элемент отскакивать. При использовании с hide или show последний или первый отскок также будет включать/исключать эффект затухания.

Эффект обрезки

Эффект обрезки скрывает или отображает элемент, обрезая его вертикально или горизонтально.

Анимация цвета

Анимировать цвета с помощью .animate().

.cssClip()

Получение/установка значения свойства CSS clip в объектной форме.

Эффект падения

Эффект падения скрывает или отображает элемент, анимируя его затуханием и сдвигом в определенном направлении.

Способы плавного изменения

Функции плавного изменения определяют скорость анимации в различные моменты анимации.

.effect()

Применить эффект анимации к элементу.

Эффект взрыва

Эффект взрыва скрывает или отображает элемент, разделив его на части.

Эффект затухания

Эффект затухания скрывает или отображает элемент, анимируя его прозрачность.

Эффект складывания

Эффект складывания скрывает или отображает элемент, складывая его.

.hide()

Скрыть совпавшие элементы, используя пользовательские эффекты.

Эффект выделения

Эффект выделения скрывает или отображает элемент, сначала анимируя цвет фона.

jQuery.effects.clipToBox()

Вычисляет положение и размеры на основе анимации обрезки.

jQuery.effects.createPlaceholder()

Создает заполнитель для поддержки анимации обрезки без нарушения макета.

jQuery.effects.define()

Определяет эффект.

jQuery.effects.removePlaceholder()

Удаляет заполнитель, созданный с помощью jQuery.effects.createPlaceholder().

jQuery.effects.restoreStyle()

Восстанавливает все встроенные стили элемента.

jQuery.effects.saveStyle()

Сохраняет копию всех встроенных стилей, примененных к элементу.

jQuery.effects.scaledDimensions()

Масштабирует размеры элемента.

Эффект раздувания

Создает эффект раздувания, масштабируя элемент и одновременно скрывая его.

Эффект пульсации

Эффект пульсации скрывает или отображает элемент, пульсируя им.

.removeClass()

Удаляет указанные классы из каждого из набора совпавших элементов, анимируя все изменения стилей.

Эффект масштабирования

Уменьшить или увеличить размер элемента на определенный процент.

Эффект встряски

Несколько раз встряхивает элемент вертикально или горизонтально.

.show()

Отобразить совпавшие элементы, используя пользовательские эффекты.

Эффект изменения размера

Изменить размер элемента до указанной ширины и высоты.

Эффект сдвига

Сдвинуть элемент за пределы области просмотра.

.switchClass()

Добавляет и удаляет указанные классы к каждому из набора совпавших элементов, анимируя все изменения стилей.

END_OF_DOCUMENT_MARKER

.toggle()

Отображение или скрытие совпадающих элементов, используя пользовательские эффекты.

.toggleClass()

Добавление или удаление одного или нескольких классов из каждого элемента в наборе сопоставленных элементов в зависимости от наличия класса или значения аргумента переключения, с анимацией всех изменений стиля.

.transfer()

Переносит контур элемента на другой элемент

Эффект переноса

Переносит контур элемента на другой элемент