script.aculo.us

http://script.aculo.us/

Note: script.aculo.us requires prototype.js, version 1.4.0 or greater.

These examples represent script.aculo.us' "combination" effects only. Other visual effects, controls (such as drag 'n' drop) and utilities are not represented (at least not yet). There's a lot more available with this library.

BlindDown & BlindUp Effects

Click here to trigger the "blind down" effect: Effect.BlindDown('id');

Click here to trigger the "blind up" effect: Effect.BlindUp('id');

Appear & Fade Effects

Click here to trigger the "appear" effect: Effect.Appear('id');

Click here to trigger the "fade" effect: Effect.Fade('id');

SlideDown & SlideUp Effects

Click here to trigger the "slide down" effect: Effect.SlideDown('id');

Click here to trigger the "slide up" effect: Effect.SlideUp('id');

Grow & Shrink Effects

Click here to trigger the "grow" effect: Effect.Grow('id');

Click here to trigger the "shrink" effect: Effect.Shrink('id');

Shake & Pulsate Effects

Click here to trigger the "shake" effect: Effect.Shake('id');

Click here to trigger the "pulsate" effect: Effect.Pulsate('id');

Puff Effect

Click here to trigger the "puff" effect: Effect.Puff('id');

DropOut Effect

Click here to trigger the "drop out" effect: Effect.DropOut('id');

SwitchOff Effect

Click here to trigger the "switch off" effect: Effect.SwitchOff('id');

Squish Effect

Click here to trigger the "squish" effect: Effect.Squish('id');

Fold Effect

Click here to trigger the "fold" effect: Effect.Fold('id');

Toggle Effect (with 'blind')

Click here to trigger the "toggle" effect: Effect.toggle('id', 'blind');