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需再刷新一下页面才能执行]

相关文章

  • JavaScript Map实现原理与底层结构详解

    JavaScript Map实现原理与底层结构详解

    哈希表(也称为哈希表)是一种基于键直接访问内存存储位置的数据结构。也就是说,它通过计算一个键值函数来加速查找,该函数将要查询的数据映射到表中的某个位置。该映射函数称为散列函数,记录数组称为散列表
    2022-09-09
  • window.open关于浏览器拦截问题分析及解决方法

    window.open关于浏览器拦截问题分析及解决方法

    window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口,浏览器会拦截你,那么如何避免呢,感兴趣的朋友可以了解下本文或许对你学习有所帮助
    2013-02-02
  • javascript跟随滚动条滚动的层(浮动AD效果)

    javascript跟随滚动条滚动的层(浮动AD效果)

    javascript跟随滚动条滚动的层(浮动AD效果)...
    2007-08-08
  • js原生日历的实例(推荐)

    js原生日历的实例(推荐)

    下面小编就为大家带来一篇js原生日历的实例(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • JavaScript canvas实现七彩时钟效果

    JavaScript canvas实现七彩时钟效果

    这篇文章主要为大家详细介绍了JavaScript canvas实现七彩时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • 从数组中随机取x条不重复数据的JS代码

    从数组中随机取x条不重复数据的JS代码

    这篇文章主要介绍了从数组中随机取x条不重复数据的JS代码,有需要的朋友可以参考一下
    2013-12-12
  • JS验证输入的是否是数字及保留几位小数问题

    JS验证输入的是否是数字及保留几位小数问题

    这篇文章主要介绍了JS验证输入的是否是数字及保留几位小数问题,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-05-05
  • JavaScript模块化开发之SeaJS

    JavaScript模块化开发之SeaJS

    SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制,本文给大家介绍JavaScript模块化开发之SeaJS,需要的朋友参考下
    2015-12-12
  • js控住DOM实现发布微博效果

    js控住DOM实现发布微博效果

    这篇文章主要为大家详细介绍了js控住DOM实现发布微博效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • js实现拖拽效果

    js实现拖拽效果

    本文主要是为了让大家更好的理解js的面向对象,通过实现拖拽效果向大家展示js面向对象,非常不错,这里推荐给大家。
    2015-02-02

最新评论