От анимированных диаграмм мы можем теперь перейти к более сложным задачам: например, к Flash разработке. Тот, кто занимался веб-разработкой в 90-х годах, знает, что такое Flash, и с…
Создание простых, анимированных графиков
Некоммерческая организация была настолько впечатлена вашим решением, что выделила некоторую сумму и представила вам новый проект. Работники организации заметили, что вы выполнили редактирование иконки для прилепленных записей с…
Привлечение внимания пользователей
Пришло время оставить позади отрывочные фрагменты кода и приступить к работе! Возвращаясь в созданный нами «гипотетический мир», представим себе, что предыдущие клиенты восторженно разрекламировали наши jQuery решения остальным…
Step и Complete
Последние опции, которые можно передать в функцию .animate(), это step и complete. Параметр step позволяет устанавливать дополнительную функцию, которая может быть вызвана после окончательного выполнения каждого шага анимации…
Реализация переходов в очередях
Очередь — это раздражающие длинные строки, которые гарантируют правильное выполнение входящих в них компонентов. Анимационная очередь в jQuery работает аналогичным образом, обрабатывая анимационные запросы для каждого объекта в…
Пауза в цепочке
В jQuery 1.4 всегда можно легко приостановить выполнение цепочки с помощью удобной функции delay(). Давайте поместим трехсекундную паузу в нашу цепочку: Если пауза не работает, значит вы используете…
Создание цепочек для воспроизведения анимации
Мы обсуждали цепочки функций в предыдущих главах. Напомним вам, что любые события, расположенные в цепочке, будут выполнять в том порядке, в котором они были добавлены в нее. Как…
Контроль над динамикой анимации
Если вы сталкивались когда-либо ранее с анимацией и работали с различными средствами для редактирования видео (к примеру, Adobe Flash), то вы, вероятно, слышали уже про динамику анимации (easing)….
Сделаем записи ярче!
Вы, вероятно, согласитесь со мной, что анимация без цветовых переходов выглядит не слишком внушительно (цвет резко изменяется на другой в самом конце анимации). К сожалению, базовая функция анимации…
Использование CSS свойств при анимации
Функция animate() позволяет выполнять анимацию при помощи изменния любых численных свойств CSS. Чаще всего для обозначения численных свойств применяются пиксели (px), однако наряду с ними также могут использоваться…