PHP鼠标滑过变色命令,jQuery实现鼠标滑过Div层背景变颜色的代码详解

jQuery实现鼠标滑过Div层背景变颜色的方法

本文实例讲述了jQuery实现鼠标滑过Div层背景变颜色的方法。分享给大家供大家参考。具体实现方法如下：

复制代码 代码如下:

jQuery实现感应鼠标经过Div层变换图层背景颜色)

.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;}

$(function(){

//当鼠标滑入时将div的class换成divOver

$('.divbox').hover(function(){

$(this).addClass('divOver');

},function(){

//鼠标离开时移除divOver样式

$(this).removeClass('divOver');

}

);

});

区块A

区块B

区块C

提示：如果不显示预览效果，请刷新一下本页面，因调用了远程的jquery插件，需要加载完成才能运行。

希望本文所述对大家的jQuery程序设计有所帮助。

以上就是本次给大家分享的关于java的全部知识点内容总结，大家还可以在下方相关文章里找到相关文章进一步学习，感谢大家的阅读和支持。