madrobby / scriptaculous

400

1397

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:

Effect.Transitions

Example

Demo

Pages