html5中点击按钮，改变按钮状态效果样式

在要添加的button上加一个class 或者id

css样式如下：

.button:active {

    /*background: #8C0000;*/

    border-top: 1px solid #9cc;

    background: #9cc;

    box-shadow: 0px 1px 1px #9cc inset, 1px 0px 1px #9cc inset;

}

.button{

    background:#C4C4C4; 

    border-top:0px solid #9cc; 

    border-right:1px solid #C4C4C4; 

    border-bottom:1px solid #C4C4C4; 

    border-left:1px solid #C4C4C4; 

    width:160px; 

    font-size:10pt; 

    text-align:center; 

}

 鼠标停留，离开样式

$('.user').hover(

                            function() {

                                $(this).stop().fadeTo('slow', 0.3);

                            },

                            function() {

                                $(this).stop().fadeTo('slow', 1);

                        });

推荐一个不错的网站  http://www.36ria.com/

demo/hover/demo.html