JavaScript颜色十六进制转换成十进制代码

发布时间：2018-08-18 03:08:35 所属栏目：编程来源：站长网

导读：猛火网(LieHuo.Net)JS殊效教程这是基于 Java Script的数值转换措施，这里将代表色彩数值的16进制转换成10进制，在颜色框中输入RGB值，点击转换按钮即可完成转换，站长伴侣们可以稍加修改加到本身的站长器材频道。看一下结果与代码： !DOCTYPE html PUBLI

　　猛火网(LieHuo.Net)JS殊效教程这是基于JavaScript的数值转换措施，这里将代表色彩数值的16进制转换成10进制，在颜色框中输入RGB值，点击“转换”按钮即可完成转换，站长伴侣们可以稍加修改加到本身的站长器材频道。

　　看一下结果与代码：

<!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=utf-8" /> <title>JavaScript色彩值转换</title> </head> <body> 请输入RGB：<input type="text" id="rgb" /><a href="javascript:ShowRGB()">转换</a> <div style="line-height:20px; font-size:18px;">转换功效为：<span class="msg_box" id="msg_box"></span></div> <script type="text/javascript"> function ShowRGB(){ document.getElementById("msg_box").innerHTML=toRGB(document.getElementById("rgb").value); } function toRGB(strRGB){ var sR=""; var sG=""; var sB=""; var nR=0; var nG=0; var nB=0; if(strRGB.indexOf("#")==0){ strRGBstrRGB=strRGB.substring(1); if(!isNaN(parseInt(strRGB,16))){ //16进制转换成10进制 if(strRGB.length==3){ strRGBstrRGB=strRGB.toLowerCase() sR=strRGB.substring(0,1)+strRGB.substring(0,1); sG=strRGB.substring(1,2)+strRGB.substring(1,2); sB=strRGB.substring(2)+strRGB.substring(2); }else if(strRGB.length<=6){ sR=strRGB.substring(0,2); sG=strRGB.substring(2,4); sB=strRGB.substring(4); } nR=parseInt(sR,16); nG=parseInt(sG,16); nB=parseInt(sB,16); return "rgb("+nR+","+nG+","+nB+")"; } else{ return "#"+strRGB; } }else{ return strRGB; } } </script> </body> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MYSQL_框架之主从GTID	MySQL Online DDL的实
MySQL 5.7 mysqldumps	MySQL TEXT、DATE、SE