Если вы сталкивались когда-либо ранее с анимацией и работали с различными средствами для редактирования видео (к примеру, Adobe Flash), то вы, вероятно, слышали уже про динамику анимации (easing). Динамика анимации подразумевает под собой контроль над ускорением и замедлением анимации. Представленный способ позволяет придать анимации большую естественность, сходство с различными физическими свойствами, существующими в реальном мире. Динамика анимации позволяет применить виртуальные физические свойства к объекту, который анимируется при помощи разнообразных алгоритмов,…

Вы, вероятно, согласитесь со мной, что анимация без цветовых переходов выглядит не слишком внушительно (цвет резко изменяется на другой в самом конце анимации). К сожалению, базовая функция анимации не имеет достаточных средств для того, чтобы вести вычисление различных чисел, представленных в шестнадцатеричном формате. Перемещение между двумя шестнадцатеричными числами реализуется гораздо сложнее, нежели простое увеличение от 0 до 100. Спешу вас обрадовать: функция анимации может быть расширена с помощью плагина Color….

Функция animate() позволяет выполнять анимацию при помощи изменния любых численных свойств CSS. Чаще всего для обозначения численных свойств применяются пиксели (px), однако наряду с ними также могут использоваться эмы (em) или процентные значения. Все то, что принимает удобная функция .css(), может быть без проблем использовано в функции .animate(). Вы также можете добавлять строки «show», «hide» и «toggle» к любым свойствам. Давайте взглянем не небольшой пример, иллюстрирующий использование функции animate(). Помните,…

Мы уже получили небольшой опыт работы с jQuery анимацией в главе «Работа с jQuery в WordPress». Напомню вам, что в число анимационных функций входят: show(), hide(), fadeIn(), fadeOut(), fadeTo(), slideUp(), slideDown() и slideToggle(). Также мной были упомянуты функции animate() и stop(). С некоторыми из представленных функций мы уже вели работу: в главах «Работа с jQuery в WordPress», «Практика внедрения jQuery в WordPress» и «Улучшение тем WordPress с помощью jQuery». Как…

В данном разделе мы постараемся развить наши знания о применении jQuery в WordPress. На сей раз акцент будет сделан на анимационных возможностях представленной библиотеки. Анимация — одна из самых сильных сторон jQuery. Многие сторонятся анимационных эффектов, считая их простой «усладой для глаз», однако если данные эффекты применены грамотно, они являются довольно удобными и полезными. Анимация jQuery, основанная на свойствах CSS, элементах интерфейса и цветовых решениях, позволяет должным образом отображать разнообразные…