您的位置:首页 > Web前端 > JavaScript

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下不起作用,各位有没有什么解决办法

本人希望经常积累一点,积少成多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 鼠标 js color rgb