One purpose of animation is to display movement from one position to another on the page.

For example, you may want to see blocks move from one list to another when clicked. Click the boxes to see them move to the other side.

In the YUI, there is a whole set of tools to help you do this. The object prototype called YAHOO.util.Motion is what we'll want to use in this case. Keep in mind, as you start to program more Javascript and use the YUI, programmers can use a whole host of resources to help them remember the functions and the syntax. Unlike exams in school, you are perfectly free to use anything and everything to remind you of the answers. Yahoo provides a set of "cheat sheets" just for this purpose.

Let's learn about the most important parts of coding motion using the YUI. Come on!