复制代码
代码如下:
$.fn.getHexBackgroundColor
=
function()
{
var
rgb
=
$(this).css('background-color')
rgb
=
rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/)
function
hex(x)
{return
("0"
+
parseInt(x).toString(16)).slice(-2)}
return
rgb=
"#"
+
hex(rgb[1])
+
hex(rgb[2])
+
hex(rgb[3])
}
上面定义的是一个jQuery函数，我们可以通过
$("#bg").getHexBackgroundColor()
获取到标签id="bg"的background-color的RGB值。
下面做一下小小的修改，就是加一个判断，如果是显示HEX值（IE10以下）就直接拿值，如果是非IE浏览器则将值转换成RGB格式：
复制代码
代码如下:
$.fn.getBackgroundColor
=
function()
{
var
rgb
=
$(this).css('background-color')
if(rgb
>=
0)
return
rgb//如果是一个hex值则直接返回
else{
rgb
=
rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/)
function
hex(x)
{return
("0"
+
parseInt(x).toString(16)).slice(-2)}
rgb=
"#"
+
hex(rgb[1])
+
hex(rgb[2])
+
hex(rgb[3])
}
return
rgb
}
像楼上的那样link进来,然后调用就可以,类(.body{background-color: #66CCFF} )用class调用(调用多次),层(#body{background-color: #66CCFF} )用id调用(调用一次),也有不用调用的 具体你可以上网查下div容器使用脚本定义颜色时用style.background,而当使用CSS时，则用background-color:,不同于别的标签，而别的标签在文档中使用：bgcolor,而脚本使用：bgColor,而CSS是全部相同的！
