Rollover Effect 2 rev 2

by Koubenec

HTML

<div>Lorem ispum</div>

CSS

div {padding:15px 30px; background-color:#FCFCD8}

JavaScript

jQuery('div').hover(function() {
    jQuery(this).stop().animate({ backgroundColor: '#FCFCD8' },1)
    .delay(500)
        .stop().animate({ backgroundColor: '#333', color: '#fff' }, 1500);
});

jQuery('div').hover(function() {

    jQuery(this).fadeout("slow",function(){
        jQuery(this).animate({"color","yellow"}, "slow");
    });
});