本文演示在後面
利用JQUERY制作鼠標經過變色，本方法，代碼精簡，易學易懂易使用。
CSS代碼：
/* 預設樣式 */
.divbox{
height:300px;
width:200px;
background:#ffffff;
border:solid 1px #ccc;
float:left;
margin-right:10px;
}
/* 滑入時變換底色樣式 */
.divOver{
background:#eff8fe;
border:solid 1px #d2dce3;
}
JAVA代碼：
<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script language="javascript">
$(function(){
//當鼠標滑入時將div的class換成divOver
$('.divbox').hover(function(){
$(this).addClass('divOver');
},function(){
//鼠標離開時移除divOver樣式
$(this).removeClass('divOver');
}
);
});
</script>
DIV代碼：
<div id="menu">
<div class="divbox">div1</div>
<div class="divbox">div2</div>
<div class="divbox">div3</div>
</div>
破洛洛提供：轉載請注明（http://www.poluoluo.com）
演示地址：http://www.poluoluo.com/example/jquery/2/index.html