jQuery 1.4 Animation Techniques - Index of

Sliding Animations
Have a go hero – using easing
Try out some of the other easing methods that are available via the easing plugin in this,
and some of our earlier examples. We'll be using easing where appropriate throughout the
remainder of the book, but other than a cursory explanation these won't be focused on in
any great detail.
Pop quiz – using easing
1. How many easing types does the easing plugin add?
a. 20
b. 30
c. 17
d. 48
2. What can we pass into an effect method in the alternative format for using easing?
a. An object with optional keys specifying the duration, easing type, and a
function to call on complete
b. A string specifying the easing type
c. An array where the first item is the duration, the second is the easing type
and the third is a function to call on complete
d. An integer specifying the duration of easing
The flicker effect
Sometimes, using slideDown() and slideUp() animations on the same elements that
are triggered when the visitor hovers over an element, such as with a navigation menu for
example, can have an impact on the usability of a site. It's important to be aware of what the
issue is and how it can be resolved.
Time for action – avoiding the flicker effect
Let's put together a couple of examples so that we can see which situations can cause the
problem to arise.
1. Open up the fadeIn.html file from Chapter 2, and update the element so
that it appears as follows (new code shown in bold):
[ 92 ]