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.

10.1. The jQuery UI effects framework

 
 

10.2. Adding a new effect

 
 
 
 

10.3. Animation easings

 
 
 

10.4. Summary

 
 
 
 
sitemap

Unable to load book!

The book could not be loaded.

(try again in a couple of minutes)

manning.com homepage
test yourself with a liveTest