jQuery获取样式中的颜色值_其他_php教程

当前位置: 主页 > php教程 > 其他 >

jQuery获取样式中的颜色值

时间:2015-06-19 12:31来源:未知作者:好模板点击:次

使用jQuery获取样式中的background-color的值时，发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样，IE中是以HEX格式显示#ffff00，而Chrome、Firefox中则是以GRB格式显示rgb(255,0,0)；

使用jQuery获取样式中的background-color的值时，发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样，IE中是以HEX格式显示”#ffff00“，而Chrome、Firefox中则是以GRB格式显示”rgb(255,0,0)“；

解决办法：

定义的是一个jQuery函数，将rgb转换成16进制数，如下：

$.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]);

}

例如：我们可以通过 $(“#bg”).getHexBackgroundColor(); 获取到标签id=”bg”的background-color的RGB值

(责任编辑：好模板)

顶一下

(0)

踩一下

(0)

------分隔线----------------------------

栏目列表

热点内容

随机内容

随机模板