Jquery implements the general version of the mouse through the fade in effect



<a class="jq_btn" href="#"><div></div></a>
//Mouse over effect
$(".jq_btn").hover(function(){
$(this).find("div").stop().fadeIn();
},function(){
$(this).find("div").stop().fadeOut();
});

The principle is simple

A label background is set to normal state

Div background sets the hover background for the mouse

You just add to the elements


class="jq_btn"

It all works automatically