Effect.Transitions
Put simply, a transition in script.aculo.us is a function which transforms an input value to another value and returns it.
Effect.Transitions is a collection of 8 of those functions which can be used to achieve interesting variations on any effect.
Example
A transition can be specified by using an effects transition option.
new Effect.Move('id_of_element', {
x: 200, y: 0, mode: 'relative',
transition: Effect.Transitions.spring
});
Demo
To get a better understanding of how each of script.aculo.us’ included transitions work, play around with the following demo.
Choose a transition:
and the demo!
