javascript 中判断div背景颜色
2014-06-13 15:33
330 查看
//js中判断背景颜色的时候需要把HEX颜色转换成RGB格式
//以下代码中 #1173FD=rgb(17, 115, 253)
function color(e) {
if (e.style.backgroundColor == "rgb(17, 115, 253)") {
e.style.backgroundColor = "#1173FD";
}
else {
e.style.backgroundColor = "#666666";
}
}
function color1(e) {
if (e.style.backgroundColor == "rgb(17, 115, 253)") {
e.style.backgroundColor = "#1173FD";
}
else {
e.style.backgroundColor = "White";
}
}
//使用的时候如下代码 在div中我使用onmouseover和onmouseout两个事件来调用上面两个方法以做到移动鼠标改变div背景颜色的功能
<div style="font-size:15px;cursor:pointer;" onclick="ShowPic(this,'<%=name%>')" onmouseover="color(this)" onmouseout="color1(this)"><%=data%></div>
之所以这样写是因为本人再点击事件里把div背景颜色改变为“蓝色”,在执行鼠标移动事件的时候不想把点击过的div背景颜色也修改掉。
发现此方法在IE下不起作用,各位有没有什么解决办法
本人希望经常积累一点,积少成多
//以下代码中 #1173FD=rgb(17, 115, 253)
function color(e) {
if (e.style.backgroundColor == "rgb(17, 115, 253)") {
e.style.backgroundColor = "#1173FD";
}
else {
e.style.backgroundColor = "#666666";
}
}
function color1(e) {
if (e.style.backgroundColor == "rgb(17, 115, 253)") {
e.style.backgroundColor = "#1173FD";
}
else {
e.style.backgroundColor = "White";
}
}
//使用的时候如下代码 在div中我使用onmouseover和onmouseout两个事件来调用上面两个方法以做到移动鼠标改变div背景颜色的功能
<div style="font-size:15px;cursor:pointer;" onclick="ShowPic(this,'<%=name%>')" onmouseover="color(this)" onmouseout="color1(this)"><%=data%></div>
之所以这样写是因为本人再点击事件里把div背景颜色改变为“蓝色”,在执行鼠标移动事件的时候不想把点击过的div背景颜色也修改掉。
发现此方法在IE下不起作用,各位有没有什么解决办法
本人希望经常积累一点,积少成多
相关文章推荐
- JavaScript基础 通过style属性设置div的高度,宽度,背景颜色
- JavaScript怎么改变div的背景颜色
- JavaScript基础 通过style属性设置div的高度,宽度,背景颜色
- JavaScript改变div的背景颜色
- VC 编辑框 改变背景、字体、文本颜色、长度限制、英文 汉字判断
- div+css总结—FF、IE7下div不设置高度背景颜色或外边框不能显示的解决方法
- VC 编辑框 改变背景、字体、文本颜色、长度限制、英文 汉字判断
- 用javascript得到td 里面的背景颜色图片
- javascript背景颜色按时变换
- 关于div设置背景颜色透明度
- 一个可以得到元素真实的背景颜色的javascript脚本
- ie6 几个li上下排列会闪动的问题,嵌套div—外层div内层div都设置背景颜色,内层div背景色不显示的问题
- IE和Firefox下Div背景颜色的问题
- 原生javascript学习:用循环改变div颜色
- 背景全屏,左右两边颜色不一样,DIV+CSS 布局
- 编辑框 改变背景、字体、文本颜色、长度限制、英文 汉字判断
- javascript改变特殊指定字符的背景颜色
- 用javascript实现li 列表数据隔行变换背景颜色
- 火狐外框DIV背景宽度颜色跟随里框DIV自适应
- 小技巧:(javascript)如何让用户自由控制html页面大段文字的行间距和背景颜色