Chapter 10. jQuery UI effects
This chapter covers
- The jQuery UI effects framework
- Adding a new effect
- What easings are
- Adding new easings
Alongside the various widgets provided by jQuery UI (discussed in the previous two chapters) are additional behaviors, including user interactions, such as draggable and droppable, and visual effects for presenting elements. These effects enhance the showing or hiding of elements on your web page or serve to highlight a particular element by animating various aspects of their appearance. Underlying the builtin effects is a core of functionality that’s useful in creating such animations. As you’d expect, you can add your own effects and have them integrate into jQuery UI along with the built-in ones.
In a similar way, easings enhance an animation by modifying the rate of change of an attribute value over the duration of the animation. jQuery UI provides many such easings to greatly expand the range available beyond the two defined in jQuery itself. You can also add your own easings to make the animation behave exactly as you want it to.