Scriptaculous Effects Demo

What

Click to choose content.

Mixed Media List Image Form Paragraph Text

How

Move the mouse over the effect to watch it.

Show Hide
Fade-in (Appear) Fade
BlindDown BlindUp
SlideDown SlideUp
Grow Shrink
Puff DropOut SwitchOff Fold
Emphasis
Pulsate Highlight

Watch

Now playing: none

Example Heading

Move your mouse over the words at the left to see how an effects work. Holding your mouse over the effect with repeat it. If you move your mouse over another effect, it will start when the previous effect finishes.

  1. Curly
  2. Larry
  3. Moe
  4. Schemp
EXAMPLES that we can pull in
  1. Curly
  2. Larry
  3. Moe
  4. Schemp
  5. Curly Joe

Move your mouse over the words at the left to see how an effects work. Holding your mouse over the effect with repeat it. If you move your mouse over another effect, it will start when the previous effect finishes.

Move your mouse over the words at the left to see how an effects work. Holding your mouse over the effect with repeat it. If you move your mouse over another effect, it will start when the previous effect finishes.

NOTE: In order to get multiple paragraphs to work well for the slide effects, you must wrap them in an enclosing element, like a div.

Some of the effects apparently grab the first, rather than all the enclosing elements.