jQuery 1.4 Animation Techniques - Index of

Extended Animations with jQuery UI
Animations Description
explode The explode effect causes the target element to separate into a specified number
of pieces before fading away, or to fade into view in several pieces before coming
together to form the complete element.
fold The element appears to fold closed or open.
highlight The background-color of the target element is set (to yellow by default,
although this is configurable), and then fades away after a short interval.
puff The target element increases in size slightly and then fades away.
pulsate The target element's opacity is adjusted a specified number of times, making the
element appear to flicker on and off.
scale The dimensions of the target element are adjusted to increase or decrease its size.
shake The target element is shaken a specified number of times. This effect is similar to
the bounce effect with the key difference that the distance of the shake remains the
same on each iteration of the animation.
size The dimensions of the target element are adjusted to increase or decrease its size.
This effect is almost identical to scale.
slide The target element is made to slide in or out of view, horizontally or vertically.
transfer The outline of the specified element is transferred to another element on the page.
Using the effect API
jQuery UI introduces the effect() method which can be used to trigger any of the effects
listed in the previous table. The effect() method's usage pattern is as follows:
jQuery(elements).effect(effect name, [configuration], [duration],
[callback]);
The name of the effect that we would like to use is always the first argument of the
effect() method. It is supplied in string format.
Each effect has custom configuration options that can be set to control how the effect
displays. These options are set in a configuration object which is passed to the effect()
method as the second argument, following the name of the effect.
We can also supply a duration for the effect as an argument. As with standard jQuery
animations, we can supply either an integer representing the duration of the effect in
milliseconds, or one of the strings slow or fast.
If no configuration is required, the duration may be passed to the effect() method as
the second argument. If no duration is supplied, the default duration of 400 milliseconds
will be used.
[ 140 ]