jQuery实现⿏标滑过Div层背景变颜⾊的⽅法
本⽂实例讲述了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;
jquery弹出div窗口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>
希望本⽂所述对⼤家的jQuery程序设计有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。