服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #
当前位置: 主页 > 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%
踩一下
(0)
0%
------分隔线----------------------------