Hover Effect 2b

by Koubenec

HTML

<div id="sample">
    Hello
</div>

CSS

#sample { 
    background: #231F20; 
    height: 50px;
    width: 400px;
}

JavaScript

$(document).ready(function(){
    $("#sample").mouseover(function() {
        $(this).animate({ backgroundColor:'#fff'},200);
    }).mouseout(function() {
        $(this).animate({ backgroundColor:'#231F20'},175);
    });       
});