Hover Effect 2c

by Koubenec

HTML

<div id="parent">
<div id="sample">
    <p id="text">Hello</p>
</div>
</div>

CSS

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

#parent {
    background: #414042;
    height: 100%;
    width: 100%;
}

#text {
    color: #fff;
}

JavaScript

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