YUI Library JavaScript DHTML


            


Animating Along a Curved Path





#demo {
    background:#ccc;
    margin-bottom:1em;
    height:30px;
    width:30px;
}




Animating Along a Curved Path


  This demonstrates how to use the YUI Animation to animate along a curved path. Click the button to begin the demo.


run

(function() {
    var attributes = {
        points: { to: [600, 10], control: [ [300, 100], [800, 800] ] }
    };
    var anim = new YAHOO.util.Motion('demo', attributes);
    YAHOO.util.Event.on('demo-run', 'click', function() {
        anim.animate();
    });
    YAHOO.log("The example has finished loading; as you interact with it, you'll see log messages appearing here.", "info", "example");
})();





   
   
yui_2.7.0b.zip( 4,431 k)