jquery获取css的color值返回RGB的方法
2015-12-18 00:00
711 查看
本文实例讲述了jquery获取css的color值返回RGB的方法。分享给大家供大家参考,具体如下:
css代码如下:
js代码如下:
jquey貌似设置颜色,使用的是rgb格式的。
用以下这个function,把rgb转成“#xxxx”(HEX )格式。
或者用这个function
希望本文所述对大家jQuery程序设计有所帮助。
jquery使用ColorBox弹出图片组浏览层实例演示
Jquery颜色选择器ColorPicker实现代码
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
JQuery 拾色器插件发布-jquery.icolor.js
jquery衣服颜色选取插件效果代码分享
JQuery实现动态适时改变字体颜色的方法
jQuery实现表格颜色交替显示的方法
jQuery实现鼠标滑过Div层背景变颜色的方法
jquery修改网页背景颜色通过css方法实现
css代码如下:
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]); }
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
JQuery获取样式中的background-color颜色值的问题jquery使用ColorBox弹出图片组浏览层实例演示
Jquery颜色选择器ColorPicker实现代码
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
JQuery 拾色器插件发布-jquery.icolor.js
jquery衣服颜色选取插件效果代码分享
JQuery实现动态适时改变字体颜色的方法
jQuery实现表格颜色交替显示的方法
jQuery实现鼠标滑过Div层背景变颜色的方法
jquery修改网页背景颜色通过css方法实现
相关文章推荐
- jQuery+JSON实现AJAX二级联动实例分析
- jQuery中trigger()与bind()用法分析
- jQuery打字效果实现方法(附demo源码下载)
- jQuery对html元素的取值与赋值实例详解
- jquery判断复选框选中状态以及区分attr和prop
- jquery实现二级导航下拉菜单效果
- jQuery Validate插件实现表单强大的验证功能
- angular 之 bindJQuery
- jQuery源码学习扒一扒jQuery对象初使化
- JQuery(三)
- JQuery(二)
- jQuery笔记
- jQueryMobile--栅格布局
- jQueryMobile--基础
- JQuery(一)
- jQuery Ajax 实例 全解析(转)
- jQuery学习之jQuery Ajax用法详解(转)
- jquery checkbox (选中和取消选中事件on("change"))做笔记
- 20151217jqueryUI--自动补全工具
- 使用jquery.qrcode生成二维码