[jQuery]jQuery实现鼠标经过div时变化色彩

[jQuery]jQuery实现鼠标经过div时变化色彩

<html> 
 
<head> 
 
<title>jQuery实现感应鼠标经过Div层变换图层背景颜色)</title> 
 
<style type="text/css"> 
 
.divbox{ 
 
height:300px; 
 
width:200px; 
 
background:#ffffff; 
 
border:solid 1px #ccc; 
 
float:left; 
 
margin-right:10px; 
 
} 
 
.divOver{ 
 
background:#eff8fe; 
 
border:solid 1px #d2dce3; 
 
} 
 
#zztj{color:#ffffff;} 
 
#zztj a,#zztj a:link,#zztj a:visited,#zztj a:active {color:#ffffff;} 
 
#zztj a:hover {color:#ffffff;} 
 
</style> 
 
<script src="/images/jquery.js"></script> 
 
<script language="javascript"> 
 
$(function(){ 
 
//当鼠标滑入时将div的class换成divOver 
 
$('.divbox').hover(function(){ 
 
$(this).addClass('divOver'); 
 
},function(){ 
 
//鼠标离开时移除divOver样式 
 
$(this).removeClass('divOver'); 
 
} 
 
); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
<div id="menu"> 
 
<div class="divbox">区块A</div> 
 
<div class="divbox">区块B</div> 
 
<div class="divbox">区块C</div> 
 
</div><br>提示：如果不显示预览效果，请<font color=red>刷新一下本页面</font>，因调用了远程的jquery插件，需要加载完成才能运行。 
 
</body> 
 
</html>