O'Reilly logo

The Dojo Toolkit: Visual QuickStart Guide by Steven Holzner

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

Chapter 8. Animation and Special Effects

Dojo supports animation, as you’ll see in this chapter.

You can use animation to make elements fade out, or slide to a new location, or wipe to invisibility. You can also use animation to expand the size of elements when they’re clicked, display and fade out an image with drag-and-drop operations, and toggle elements from visible to hidden. You can even use animation to create blended colors. These effects are unexpected in Web pages, so they make your pages stand out.

Using Fades

You can use the dojo.fadeOut method to make elements fade out as the user watches. This effect is purely visual—the elements are still there, just invisible.

The example fade.html displays a <div> element with some text and an HTML ...

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