Animated behaviors


show more Animated behaviors provides you with in-depth training on Web. Taught by Joe Chellman as part of the jQuery UI Widgets show less
please wait ...

Animated behaviors

jQuery UI extends the built-in animation capabilities of jQuery Core, pretty extensively. We're going to look at some of the ways that it does that in this movie. So here I have an image and a little box with a colour. The first thing that we'll look at is some built in effects,. The jQuery UI effects library takes some of the existing capabilities and packages them up in ways that are convenient to call in your code. So for example, there's a puff effect. Make the flowers go puff, and they disappear. It's basically just scaling, and fading them out, but it does it all at once, in one named function.

Let's see what that looks like. going to jump down to the bottom of this file, scroll up a little bit, and here it is. I'm triggering this first on the click of this button, and then. I'm just calling the effect method on the selected image. The effect is called puff. I just call it by name with that string. And then I give it a duration, which is 300 milliseconds, in this case. S...

Animated behaviors
Video duration: 7m 8s 33m 53s Intermediate

Viewers:

Animated behaviors provides you with in-depth training on Web. Taught by Joe Chellman as part of the jQuery UI Widgets

Subject:
Web
Software:
jQuery
Author:
please wait ...