public
Description: script.aculo.us is an open-source JavaScript framework for visual effects and interface behaviours.
Home | Edit | New

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 9 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!








Last edited by erotte, Mon Jun 15 14:40:28 -0700 2009
Home | Edit | New
Versions: