jQuery 1.4 Animation Techniques - Index of

[ 71 ]
Chapter 3
Also note that the lower we set the interval property, the more intensive animations will
be. While the latest browsers will cope with these increased demands satisfactorily, older or
slower browsers will struggle.
There must be no animations running when this property is set for it to take effect. Any
animations that are running must be stopped.
Summary
While manipulating an element's fx queue directly may not often be required, when we
do need to work with it, jQuery makes the process easy and transparent. With a collection
of methods at our disposal, we can have full control over how the queue behaves. In this
chapter, we looked at the following methods:
clearQueue()
delay()
dequeue()
queue()
stop()
We also looked at the following properties of the jQuery object:
jQuery.fx.off
jQuery.fx.interval
In this chapter we found that:
The contents of the queue and the number of items in the queue can be easily
obtained using the array that's returned by the queue() method. We can also
use standard JavaScript array methods, such as push() or pop(), to interact
with the array.
We can supply different arguments to the queue() method which make adding
a single function to the queue, or replacing the queue entirely, a trivial matter.
When working with custom queues, or when adding more than a single new
function to the default fx queue, we will need to ensure that the queue keeps
running and executing the remaining functions. We can do this using either the
dequeue() method, or a function passed into a callback function.
The stop() method will halt the currently-running animation and can be made
to clear the queue and force the element into its final state if necessary using
additional arguments.
The delay() method allows us to add an interval, or delay, in between
queued animations.