MooTools не для программистов. Урок 2.
Продолжаем. Урок 2.
В первом уроке мы увидели как просто в MooTools добавлять обработчики событий и использовать встроенные эффекты. На этот раз рассмотрим некоторые особенности применения эффектов.
MooTools 1.2 имеет особенность: у каждого элемента теперь есть собственный экземпляр класса встроенных подклассов "tween" и "morph".
"tween" позволяет нам анимировать любое свойство CSS: высоту, ширину, непрозрачность, цвет и т.д. На примере 1 можно видеть как легко изменить непрозрачность элемента.
"morph" похож на "tween" тем, что позволяет оживлять CSS-свойство элемента. А разница заключается в том, что "morph" изменяет одновременно все свойства! Пример 2.
На примере 2 нарочно задано время преобразования 2 секунды, что бы вы видели как происходит смена свойств элемента.
Оригинал статьи
Дата публикации: 26.06.2009 Прочитано: 13142 раз |