Animating PowerSchool Web Pages

Welcome to this web tutorial all about how to use the YUI to animate your pages!

 

Animating Motion: Interact

 

Try changing the points of the animation and see what happens when you click "See it move!" Pay attention to the other parts of the code as well. When you click the button, you are running the code you see below, telling the blueball to animate its motion to the points you define.

var attributes = { 
   points: { to: [ ] } 
}; 

var anim = new YAHOO.util.Motion('blueball', attributes); 

anim.animate(); 

Back   Next