php如何设鼠标经过颜色,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程序设计有所帮助。

php如何设鼠标经过颜色,jQuery实现鼠标滑过Div层背景变颜色的方法相关推荐

html5鼠标点击弹出层,jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
本文实例讲述了jQuery实现单击弹出Div层窗口效果.分享给大家供大家参考.具体如下: 这是一款jquery实现的可拖动可关闭的弹出框效果,网上已经有很多类似效果了,网页上实现这种效果其实并不难,现 ...
CSS -- 实现DIV层背景颜色渐变（兼容IE 火狐谷歌浏览器）
CSS -- 实现DIV层背景颜色渐变 (兼容IE 火狐谷歌浏览器) FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType= ...
html怎么设置数据条的颜色,jQuery EasyUI 数据网格 – 条件设置行背景颜色 | 菜鸟教程...
jQuery EasyUI 数据网格 - 条件设置行背景颜色本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不 ...
html中鼠标悬停时间,jQuery悬停鼠标悬停/鼠标时间
我在 freakyleaf.co.uk/hoverfade/处有以下实例,当将鼠标悬停在图块上时,图块背景图像在600毫秒(.tile_img)上淡化1到0.25不透明度,然后文本在500毫秒(.ov ...
HTML如何修改span里面的字体颜色,怎么用span css设置div内部分字体颜色？
本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 用span标签设置div内放一段文字中的部分文字字体颜色方 ...
html代码设置span字体颜色,怎么用span css设置div内部分字体颜色？
本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 用span标签设置div内放一段文字中的部分文字字体颜色方 ...
html表格显示选择的颜色,jquery实现效果比较好的table选中行颜色
jquery table选中行颜色(效果更好) .table-tr-title{ height: 26px; font-size: 12px; text-align: center; } .table ...
html5 jquery 鼠标拖动例子,jquery实现鼠标拖动实现DIV排序示例代码
先上效果图: 对比传统的排序,这是一个很不错的尝试,希望对大家有启发. 大家可以参考我的上一篇博文://www.jb51.net/article/42087.htm html部分: 指标: 注:可以通 ...
鼠标经过时，地图上的每个城市变颜色并且有提示框
今天做一个项目,一个省份的地图,在鼠标经过每个城市时,相对应的城市区域变颜色,并且弹出一个对话框.此对话框的左下角还有一个尖状的图形指向该城市(不好意思,我的电脑不能上传图片,大家可以看一下代码就可以 ...

php如何设鼠标经过颜色,jQuery实现鼠标滑过Div层背景变颜色的方法

php如何设鼠标经过颜色,jQuery实现鼠标滑过Div层背景变颜色的方法相关推荐

最新文章

热门文章