软件开发培训班 >> 编程开发 >> JavaScript

js 翻转颜色实现代码

　　本文标签：js,翻转颜色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>将#ffffff转换成rgb(0,0,0)格式的颜色代码</title> 
</head> 
<body> 
<script language="javascript"> 
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(",") + ")"; 
} 
alert(reverseColor("#ffffff")); //将#ffffff转换成rgb(0,0,0)格式的颜色代码 
</script> 
</body> 
<html>

技术文章快速查找

JaveScript中的几个关键概念的理解-原型链的构建

js跨域问题之跨域iframe自适应大小实现代码

js的alert弹出框出现乱码解决方案

jquery tab插件制作实现代码

javascript 面向对象编程基础：继承

jQuery代码优化之遍历

jQueryUI如何自定义组件实现代码

百度空间的popup效果分析

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建