Using the core effects file

Like the individual components themselves, the effects require the services of a separate core file. It provides essential functionality to the effects, such as creating wrapper elements and controlling the animations. Most, but not all, of the effects have their own source files, which build on the core foundation to add functionality specific to the effect.

All we need to do to use an effect is include the core file (jquery.ui.effect.js) in the page, before the effect's source file. However, unlike the jquery.ui.core.js file, the jquery.ui.effect.js file has been designed to be used, in part, completely standalone.

Using color animations

If we use the core effect file on its own, we can take advantage of the color animations. This includes changing the background color of an element to another color (and not just a snap change, but a smooth morphing of one color into another), class transitions, and advanced easing animations.

Note

jQuery UI 1.10 uses Version 2.0...