Эффекты

Материал из JQuery

(Различия между версиями)
Перейти к: навигация, поиск
(Стандартные анимации)
(Стандартные анимации)
Строка 48: Строка 48:
  |class="funct"|<span class="oneLine">[[Установка заданной прозрачности у элемента|.fadeTo()]]</span>
  |class="funct"|<span class="oneLine">[[Установка заданной прозрачности у элемента|.fadeTo()]]</span>
  |class="discr"|Плавно изменяет прозрачность элементов.
  |class="discr"|Плавно изменяет прозрачность элементов.
 +
|-class="row"
 +
|class="funct"|<span class="oneLine">[[Поочередное появление и скрытие элементов|.fadeToggle()]]</span>
 +
|class="discr"|Поочередно скрывает/показывает элементы на странице, как это делают .fadeIn() и .fadeOut().
  |}
  |}

Версия 14:56, 4 декабря 2010

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

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

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

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

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

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