O'Reilly logo

Learning jQuery Third Edition by Karl Swedberg, Jonathan Chaffer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating custom animations

In addition to the pre-built effect methods, jQuery provides a powerful .animate() method that allows us to create our own custom animations with fine-grained control. The .animate() method comes in two forms. The first takes up to four arguments, which are as follows:

  1. A map of style properties and values—similar to the .css() map discussed earlier in this chapter
  2. An optional speed—which can be one of the preset strings or a number of milliseconds
  3. An optional easing type—an advanced option discussed in Chapter 11, Advanced Effects
  4. An optional callback function—which will be discussed later in this chapter

All together, the four arguments look similar to the following code snippet:

.animate({property1: 'value1', property2: ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required