Эффекты

Материал из JQuery

(Различия между версиями)
Перейти к: навигация, поиск
(Стандартные анимации)
(Управление анимацией)
 
Строка 26: Строка 26:
  |class="funct"|<span class="oneLine">[[Поочередное выполнение функций|.toggle()]]</span>
  |class="funct"|<span class="oneLine">[[Поочередное выполнение функций|.toggle()]]</span>
  |class="discr"|Поочередно выполняет вызов одной из нескольких заданных функций.
  |class="discr"|Поочередно выполняет вызов одной из нескольких заданных функций.
 +
|-class="row"
 +
|class="funct"|<span class="oneLine">[[Длительность кадра анимаций|jQuery.fx.interval]]</span>
 +
|class="discr"|Содержит временной промежуток между кадрами анимации.
  |-class="row"
  |-class="row"
  |class="funct"|<span class="oneLine">[[Отмена выполнения всех анимаций|jQuery.fx.off]]</span>
  |class="funct"|<span class="oneLine">[[Отмена выполнения всех анимаций|jQuery.fx.off]]</span>

Текущая версия на 18:49, 3 марта 2012

jQuery имеет ряд функций, выполняющих анимационные эффекты с элементами страницы. Начиная от простых возможностей: скрытия, появления, перемещения элементов, библиотека позволит создавать свои, более сложные эффекты, основанные на изменении CSS свойств. Эти изменения могут происходить плавно или мгновенно, замедляться, ускоряться или выполняться равномерно.

Список функций

Управление анимацией

.animate() Выполняет анимацию, которая была создана пользователем.
.queue() Предоставляет/изменяет (в зависимости от параметров) очередь функций.
.clearQueue() Очищает очередь функций.
.dequeue() Начинает выполнение следующей функции в очереди.
.stop() Останавливает выполнение текущей анимации.
.delay() Приостанавливает выполнение следующих анимаций на заданное время.
.toggle() Поочередно выполняет вызов одной из нескольких заданных функций.
jQuery.fx.interval Содержит временной промежуток между кадрами анимации.
jQuery.fx.off Отменяет выполнение всех анимаций.

Стандартные анимации

.hide()
.show()
Скрывает/показывает элементы на странице (за счет плавного изменения его размера и прозрачности).
.slideUp()
.slideDown()
Разворачивает/сворачивает элементы на странице (за счет плавного изменения высоты элементов).
.slideToggle() Поочередно разворачивает/сворачивает элементы на странице, как это делают .slideUp() и .slideDown().
.fadeIn()
.fadeOut()
Скрывает/показывает элементы на странице за счет плавного изменения прозрачности.
.fadeTo() Плавно изменяет прозрачность элементов.
.fadeToggle() Поочередно скрывает/показывает элементы на странице, как это делают .fadeIn() и .fadeOut().