YUI Library JavaScript DHTML


            


Animating Colors




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



Animating Colors

Use the YUI Animation to animate colors. 
Demo


run

(function() {
    var attributes = {
        color: { to: '#06e' },
        backgroundColor: { to: '#e06' }
    };
    var anim = new YAHOO.util.ColorAnim('demo', attributes);
    YAHOO.util.Event.on(document, 'click', function() {
        anim.animate();
    });
})();



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