• 技术文章 >web前端 >js教程

    js 翻转颜色实现代码_javascript技巧

    2016-05-16 18:32:08原创745
    复制代码 代码如下:

    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需刷新才能执行]
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:js 翻转颜色
    上一篇:Array.prototype.slice.apply的使用方法_javascript技巧 下一篇:javascript 打开页面window.location和window.open的区别_基础知识
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 简单了解window.screen对象应用• 总结js实现动态选项卡的四种方法!• 实例介绍javaScript操作字符串的一些常用方法• 整理JavaScript中cookie操作对象的应用• 深入浅析window.location对象实现页面跳转
    1/1

    PHP中文网