本文实例讲述了jQuery实现鼠标滑过Div层背景变颜色的方法。分享给大家供大家参考。具体实现方法如下: 复制代码 代码如下: jQuery实现感应鼠标经过Div层变换图层背景颜色) <br /> .divbox{ <br /> height:300px;<br /> width:200px;<br /> background:#ffffff;<br /> border:solid 1px #ccc;<br /> float:left;<br /> margin-right:10px;<br /> }<br /> .divOver{<br /> background:#eff8fe;<br /> border:solid 1px #d2dce3;<br /> } <br /> #zztj{color:#ffffff;}<br /> #zztj a,#zztj a:link,#zztj a:visited,#zztj a:active {color:#ffffff;}<br /> #zztj a:hover {color:#ffffff;}<br /> <br /> $(function(){<br /> //当鼠标滑入时将div的class换成divOver<br /> $('.divbox').hover(function(){<br /> $(this).addClass('divOver'); <br /> },function(){<br /> //鼠标离开时移除divOver样式<br /> $(this).removeClass('divOver'); <br /> }<br /> );<br /> });<br /> 区块A 区块B 区块C 提示:如果不显示预览效果,请刷新一下本页面,因调用了远程的jquery插件,需要加载完成才能运行。 希望本文所述对大家的jQuery程序设计有所帮助。