YUI Library JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. YUI Library
  4. Apply a simple animation effect to an HTMLElement



Basic Animation




#demo {
    background:#ccc;
    margin-bottom:1em;
    overflow:hidden;
    width:200px;
}



Apply a simple animation effect to an HTMLElement. Click the button to begin the demo.
Demo

run

(function() {
    var attributes = {
        width: { to: 0 }
    };
    var anim = new YAHOO.util.Anim('demo', attributes);
    YAHOO.util.Event.on('demo-run', 'click', function() {
        anim.animate();
    });
})();



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