MooTools не для программистов. Урок 2.

В первом уроке мы увидели как просто в MooTools добавлять обработчики событий и использовать встроенные эффекты. На этот раз рассмотрим некоторые особенности применения эффектов.

MooTools 1.2 имеет особенность: у каждого элемента теперь есть собственный экземпляр класса встроенных подклассов "tween" и "morph".

"tween" позволяет нам анимировать любое свойство CSS: высоту, ширину, непрозрачность, цвет и т.д. На примере 1 можно видеть как легко изменить непрозрачность элемента.

"morph" похож на "tween" тем, что позволяет оживлять CSS-свойство элемента. А разница заключается в том, что "morph" изменяет одновременно все свойства! Пример 2.

На примере 2 нарочно задано время преобразования 2 секунды, что бы вы видели как происходит смена свойств элемента.

Оригинал статьи