jQuery 1.4 Animation Techniques - Index of

Fading Animations
We also covered the following points:
The fade methods work by altering the opacity and display properties of the
selected elements. All methods may accept an optional duration argument in string
or integer format except for the fadeTo() method, with which the argument is
mandatory.
Transparent PNGs in IE can end up with unsightly black borders when they are faded
in or out with jQuery, but there are ways to avoid the issue in all current versions of
IE. We also saw that fading table elements can cause problems in IE.
By default, the show(), hide(), and toggle() methods occur instantaneously.
However, they can all be used to create animations by supplying a duration and/
or easing argument(s).The duration argument may take integers representing
milliseconds, or the strings slow or fast which correspond to durations of 600
or 200 milliseconds.
All animations have a default easing of swing, although we can change this to
linear for an animation that proceeds at a uniform pace.
CSS can have a huge impact on how animations proceed, as we saw when we looked
at how to control the direction that the selected elements grow or shrink when
using show() or hide().
One thing to note with all of the fading animations is that it can cause issues with
clearType text in IE; clearType is disabled when the animation runs so any text in the
element being animated becomes aliased. There are several different work-arounds for this
issue which involve removing the filter attribute once the animation has run.
Now that we've covered the most basic types of jQuery animations and got an idea about
how they run, we can move on to look at the animation queue and the methods we have at
our disposal for managing it.
[ 54 ]