js 翻转颜色实现代码
更新时间：2010年03月16日 18:41:08 作者：
将#ffffff转换成rgb(0,0,0)格式的颜色代码，需要的朋友可以参考下。
复制代码 代码如下:
function reverseColor(rgbColor) {//205,15,20
// console.log(rgbColor);
rgbColor = rgbColor.replace(/\s/g, "");
var arrRGB = new Array(3);
if (rgbColor.indexOf("rgb") > -1) {
var colorReg = /\s*\d+,\s*\d+,\s*\d+/i;
var t = colorReg.exec(rgbColor)[0].split(",");
console.log(t);
for (var i = 0; i < arrRGB.length; i++) {
arrRGB[i] = 255 - t[i];
}
}
else if (rgbColor.indexOf("#") > -1) {
if (rgbColor.length > 4)//"#fc0,#ffcc00"
{
var j = 1;
for (var i = 0; i < arrRGB.length; i++) {
arrRGB[i] = 255 - parseInt(rgbColor.substr((i + j), 2), 16);
j += 1;
}
} else {
for (var i = 0; i < arrRGB.length; i++) {
var t = rgbColor.substr((i + 1), 1);
t = t + t;
arrRGB[i] = 255 - parseInt(t, 16);
}
}
}
return "rgb(" + arrRGB.join(",") + ")";
}
演示代码:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
这篇文章主要为大家详细介绍了JS实现上传文件显示进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了微信小程序一键复制到剪切板，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
创建一个新的用户对象，接受一个有许多属性的对象作为参数2009-12-12
ES6中let、const的区别及变量的解构赋值操作方法实例分析
这篇文章主要介绍了ES6中let、const的区别及变量的解构赋值操作方法,结合实例形式分析了ES6中let、const的功能、原理、使用方法及数组、字符串、函数参数等解构赋值相关操作技巧,需要的朋友可以参考下2019-10-10
通过网页title来提示用户有新消息这个功能很常见，下面有个不错的示例，大家可以参考下2014-03-03
这篇文章主要介绍了JavaScript获取ul中li个数的方法,涉及javascript针对页面HTML元素的获取及属性操作相关技巧,需要的朋友可以参考下2017-02-02
将时间转换成时间搓的方法有很多，在本文为大家介绍下使用js将当前时间转换成时间搓 例如2013-09-11 12:12:12，感兴趣的朋友可以参考下2013-09-09
这篇文章主要为大家详细介绍了laydate.js日期时间选择插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
本文给大家介绍了如何使用javascript实现倒计时跳转到其他页面的方法以及实现原理，非常的简单实用，有需要的小伙伴可以参考下。2016-01-01
ES6 关键字 let 和 ES5 及关键字 var 的区别解析
var可以穿透控制语句、条件语句这样的作用域，导致变量冲突经常发生，这篇文章主要介绍了ES6 关键字 let 和 ES5 及关键字 var 的区别,需要的朋友可以参考下2022-09-09
最新评论