Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Home

2collegebums edited this page · 22 revisions
Clone this wiki locally

Basic idea is that you can easily setup complex animations by morphing easily between classes. Yes scriptaculous has this but try actually morphing between multiple classes and having it work smoothly. Here it works very easily with no hassle.

Animate element based on classes:
element.animate(<classesToSet>)
Animate element by swapping set of classes for another:
element.animateSwap(<classesToRemove>, <classesToAdd>)

Box 1

onLoad => $('one').animateSwap('blue', 'red', { duration : '3000' }); onClick => $('one').animateSwap('red short', 'green long');



Click

Box 2


onLoad  => $('two').animate('boxed green short', { duration : '2000', delay : 2 });
onClick => $('two').animate('boxed purple wide', { duration : '2000' });

Click
Something went wrong with that request. Please try again.