O'Reilly logo

Moodle JavaScript Cookbook by Alastair Hole

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

Sequencing multiple animations

We can change as many attributes as we want during one animation, but to get multiple animations to occur linearly (one after the other) we must use a new approach. YUI allows for this by providing an end event which is fired when an animation is complete. In this way, we may chain as many animations as we wish, one after the other.

In this recipe, we will chain two animations, reducing the size of a div element, and then fading it out.

Here, we can see the key steps in this animation by looking at a selection of frames:

Sequencing multiple animations

How to do it...

We begin by creating a PHP page to set up a basic Moodle programming environment. ...

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