Анимация

Создание анимационных эффектов средствами DHTML часто воспринималось как утомительное занятие, да, собственно, так оно и есть. Однако NodeList делает решение этой задачи таким же простым, как и все остальное, что можно сделать с помощью NodeList. С точки зрения разработки приложений это означает, что эффект исчезновения реализуется до смешного просто, а кроме того, с помощью метода _Animation.animateProperty легко можно реализовать гораздо более сложные эффекты.

Dojo делает возможность воспроизведения анимационных эффектов чрезвычайно простым делом. Как и в любом другом случае, вы можете просто открыть консоль Firebug и приступить к экспериментам. Для начала можно поэкспериментировать с простым эффектом растворения, как показано ниже:
dojo.require("dojo.NodeList-fx");
//После того как ресурс NodeList-fx будет загружен...
dojo.query("p").fadeOut().play()

Затем, когда вы будете готовы приступить к изучению более сложных анимационных эффектов, добавьте несколько пар ключ/значение в ассоциативный массив и посмотрите, что произойдет:
dojo.require("dojo.NodeList-fx");
//После того как ресурс NodeList-fx будет загружен...
dojo.query("div").animateProperty({
duration: 5000,
properties: {
color: {start: "black", end: "green"}
}
}).play();

Обратите внимание, что в качестве результата различные методы анимационных эффектов возвращают объект _Animation, а метод play – это стандартный механизм его активации.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела Dojo на эту тему:
NodeList
Аргументы в стиле «функции в виде строк»
Длинный и нестабильный способ
Методы, напоминающие методы массивов
Модуль Behavior

Вернуться в раздел: Dojo / Манипулирование узлами