代码如下：
| 代码如下 | 复制代码 |
|
a, a:link, a:visited { color:#4188FB; } a:active, a:focus, a:hover { color:#FFCC00; } |
|
js代码如下：
| 代码如下 | 复制代码 |
|
var link_col = $("a:link").css("color"); alert(link_col); // returns rgb(65, 136, 251) |
|
jquey貌似设置颜色，使用的是rgb格式的。
用以下这个function，把rgb转成“#xxxx”(HEX )格式。
| 代码如下 | 复制代码 |
|
var rgbString = "rgb(0, 70, 255)"; // get this in whatever way. var parts = rgbString .match(/^rgb((d+),s*(d+),s*(d+))$/) ; // parts now should be ["rgb(0, 70, 255", "0", "70", "255"] delete (parts[0]); for (var i = 1; i <= 3; ++i) { parts[i] = parseInt(parts[i]).toString(16); if (parts[i].length == 1) parts[i] = '0' + parts[i]; } var hexString = parts.join(''); // "0070ff" |
|
或者用这个function
| 代码如下 | 复制代码 |
|
function rgb2hex(rgb) { rgb = rgb.match(/^rgb((d+),s*(d+),s*(d+))$/); function hex(x) { return ("0" + parseInt(x).toString(16)).slice(-2); } return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); } |
|
补充一下
获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示【#ffff00】，而IE10,、Chrome、Firefox中则是以GRB格式显示【rgb(255,0,0)】，由于需要对颜色值进行判断处理，所以需要得到统一的颜色格式，最好是HEX格式的，方便处理点。搜索了一下，从国外的一个网站上得到一段代码：
| 代码如下 | 复制代码 |
|
$.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; } |
|
时间： 2024-10-26 22:31:35