Новичок
11 уроков
(2 часа 6 минут)
Курс
Основы jQuery
Данный видеокурс познакомит вас с основами популярной библиотеки jQuery.

#9 — Анимация.

Хочется больше свободы в работе с jQuery? Не стоит зажимать себя рамками стандартных
эффектов, когда можно анимировать любое изменение CSS!

Функция jQuery animate

Главным героем сегодняшнего видеоурока будет функция jQuery animate. Это один из самых мощных инструментов изучаемой библиотеки. С его помощью возможно создать анимацию практически
любого элемента. На уроке рассматриваются функции jQuery delay и stop.

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

Внимательно просмотрев и изучив данный и предыдущий видеоуроки, вы научитесь создавать классные анимации средствами jQuery.

Приятного всем просмотра! Учитесь с удовольствием!


Знакомьтесь, функции анимации jQuery!

  • e.animate(css_obj, arg_obj) — выполняет анимацию, заданную пользователем в объекте css_obj с учетом параметров arg_obj.
  • e.stop() — прекращает все анимации jQuery с данным объектом.
  • e.delay(ms) — пауза между анимациями длительностью в ms миллисекунд.

Параметры анимации (поля объекта arg_obj):

  • duration — длительность анимации в миллисекундах;
  • easing — динамика анимации. В стандартном jQuery есть только два значения — linear и swing. Можно задать динамику для каждого анимируемого css свойства с помощью объекта specialEasing, полями которого будут названия css свойств;
  • queue — помещать или нет анимацию в очередь анимаций. Возможные значения true/false;
  • step — функция, которая будет вызвана после каждого шага анимации;
  • complete — функция, которая будет вызвана после завершения анимации;

Что в итоге должно получиться

Материалы к уроку:
Делись:

Оставь комментарий!

Добавить комментарий

Рекомендуемые курсы