澳门正规赌博十大网站-澳门游戏网站
做最好的网站

JavaScript使用Range调色及透明度实例,网页安全色

DW调色板

水彩搭配是件脑瓜疼的事,工作空隙,利用range做个轻易的手动调色,可获得rgb值和相应的十六进制色值。因为用到range标签,提出使用搜狗、火狐,IE10及以上版本代码如下:

JavaScript使用Range调色及透明度实例,网页安全色调色板。正文实例陈说了js完成的在线调色板作用。分享给我们供大家参照他事他说加以考察,具体如下:

JavaScript使用Range调色及透明度实例,网页安全色调色板。 

<!DOCTYPE html>
<html lang="en">
 <head>
 <meta charset="utf-8">

 <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
 Remove this if you use the .htaccess -->
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

 <title>test16_color</title>
 <meta name="description" content="">
 <meta name="author" content="Administrator">

 <meta name="viewport" content="width=device-width; initial-scale=1.0">

 <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
 <link rel="shortcut icon" href="/favicon.ico">
 <link rel="apple-touch-icon" href="/apple-touch-icon.png">

 <style type="text/css">
  body, div,span {margin: 0;padding: 0;}
  .div1 {margin: 20px auto;border: 1px solid black;width: 400px;height: 250px;opacity: 1;}
  .div2 {margin: 0 auto;width: 600px;text-align: center;}
  span {width: 180px; display: inline-block;text-align: right;}
  span.val {width: 50px;display: inline-block;text-align: left;}
  input {margin: 3px 15px;outline: none;}
  h2 {margin: 3px auto;}
 </style>
 </head>

 <body>
 <div class="div1" id="div1">

 </div>
 <div class="div2"> 
  <h2>R(红色):255<input type="range" min="0" max="255" value="255" step="1" id="rRange"/></h2>
  <h2>G(绿色):255<input type="range" min="0" max="255" value="255" step="1" id="gRange"/></h2>
  <h2>B(蓝色):255<input type="range" min="0" max="255" value="255" step="1" id="bRange"/></h2>
  <h2>O(透明):1<input type="range" min="0" max="1" value="1" step="0.1" id="oRange"/></h2>
  <h2 id="rgb1">RGB(255,255,255)</h2>
  <h2 id="rgb2">#FFFFFF</h2>
 </div>
 </body>

 <script type="text/javascript">
 (function() {

  var inputNodes = document.getElementsByTagName("input");
  var len = inputNodes.length;
  for(var i=0;i<len;i  ) {
  var inputNode = inputNodes[i];
  inputNode.index = i;
  inputNode.onchange = function() {
   var inputVal = inputNodes[this.index].value;
   var inputIdAttr = inputNodes[this.index].getAttribute("id");
   var spanIdAttr = inputIdAttr.replace("Range","Value");

   document.getElementById(spanIdAttr).innerHTML = inputVal;

   changeColor();
  };
  }

  function changeColor() {
  var rgbColor = "";
  var oColor = "#";
  for(var i=0;i<len-1;i  ) {
   var inputNode = inputNodes[i];
   rgbColor  = rgbColor!=""?",":"";
   rgbColor  = inputNode.value;

   var n_10 = parseInt(inputNode.value);
   oColor  = n_10.toString(16).length==1?"0" n_10.toString(16):n_10.toString(16);
  }

  var div1 = document.getElementById("div1");
  div1.style.background = "RGB(" rgbColor ")";
  div1.style.opacity = inputNodes[len-1].value;

  var rgb1 = document.getElementById("rgb1");
  rgb1.innerHTML = "RGB(" rgbColor ")";

  var rgb2 = document.getElementById("rgb2"); 
  rgb2.innerHTML = oColor.toUpperCase();
  }
 })();
 </script>
</html>

JavaScript使用Range调色及透明度实例,网页安全色调色板。运维效果图如下:

[Ctrl A 全选 注:如需引进外界Js需刷新工夫推行]

你也许感兴趣的小说:

  • 用JavaScript仿PS里的物化效果代码
  • JS批量修改PS中图层名称的方式
  • JS达成的体系调色板完整实例
  • JavaScript使用Range调色及透明度实例,网页安全色调色板。JS完毕的在线调色板实例(附demo源码下载)
  • JS 网页安全色调色板 DW风格
  • 基于JavaScript落成自由颜色输入框
  • JavaScript随机生成颜色的方法
  • JavaScript制作颜色反转小游戏
  • 漂亮! js实现颜色渐变效果
  • JavaScript获得图片像素颜色并转移为box-shadow呈现
  • js完成按键颜色渐变动画功效
  • js完结的轻松radio背景颜色挑选器代码
  • js完毕的在线调色板成效一体化实例

图片 1

您大概感兴趣的小说:

  • 用JavaScript仿PS里的物化效果代码
  • JS批量修改PS中图层名称的方式
  • JS完成的系统调色板完整实例
  • JS完结的在线调色板实例(附demo源码下载)
  • JavaScript使用Range调色及反射率实例
  • 基于JavaScript完成自由颜色输入框
  • JavaScript随机生成颜色的方法
  • JavaScript制作颜色反转小游戏
  • 漂亮! js完毕颜色渐变效果
  • JavaScript获得图片像素颜色并转移为box-shadow展现
  • js完成按键颜色渐变动画成效
  • js实现的轻松radio背景颜色采纳器代码
  • js完毕的在线调色板效能完全实例

完整实例代码如下:

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<meta name="keywords" content="调色板" />
<meta name="description" content="调色板" />
<title>网页特效 网页取色器 站长特效网欢迎您。</title>
</head>
<body>
<script type="text/javascript" src="tc.js"></script>
<script LANGUAGE="JavaScript">
var HexCharacters="0123456789ABCDEF";
function HexValue(decimal)
{
return HexCharacters.charAt((decimal>>4)&0xf) HexCharacters.charAt(decimal&0xf)
}
function DecValue(hexadecimal)
{
return parseInt(hexadecimal.toUpperCase(),16)
}
function setColor(colorString)
{
document.HexConvert.HexRed.value=colorString.substring(0,2)
document.HexConvert.HexGreen.value=colorString.substring(2,4)
document.HexConvert.HexBlue.value=colorString.substring(4,6)
document.HexConvert.DecRed.value=DecValue(document.HexConvert.HexRed.value)
document.HexConvert.DecGreen.value=DecValue(document.HexConvert.HexGreen.value)
document.HexConvert.DecBlue.value=DecValue(document.HexConvert.HexBlue.value)
}
function DecFixed(decimal)
{
return Math.min(parseFloat(Math.abs(Math.floor(decimal))), 255)
}
function HexFixed(hexadecimal)
{
return HexValue(Math.min(parseFloat(Math.abs(Math.floor(DecValue(hexadecimal)))), 255))
}
function SyncDecimal()
{
document.HexConvert.DecRed.value=DecFixed(document.HexConvert.DecRed.value)
document.HexConvert.HexRed.value=HexValue(document.HexConvert.DecRed.value)
document.HexConvert.DecBlue.value=DecFixed(document.HexConvert.DecBlue.value)
document.HexConvert.HexBlue.value=HexValue(document.HexConvert.DecBlue.value)
document.HexConvert.DecGreen.value=DecFixed(document.HexConvert.DecGreen.value)
document.HexConvert.HexGreen.value=HexValue(document.HexConvert.DecGreen.value)
Preview()
return
}
function SyncHex()
{
document.HexConvert.HexRed.value=HexFixed(document.HexConvert.HexRed.value)
document.HexConvert.DecRed.value=DecValue(document.HexConvert.HexRed.value)
document.HexConvert.HexGreen.value=HexFixed(document.HexConvert.HexGreen.value)
document.HexConvert.DecGreen.value=DecValue(document.HexConvert.HexGreen.value)
document.HexConvert.HexBlue.value=HexFixed(document.HexConvert.HexBlue.value)
document.HexConvert.DecBlue.value=DecValue(document.HexConvert.HexBlue.value)
Preview()
return
}
function Preview()
{
if (navigator.appName != "Netscape")
{
self.frames[0].document.bgColor=document.HexConvert.HexRed.value document.HexConvert.HexGreen.value document.HexConvert.HexBlue.value
}
else
{
document.bgColor=document.HexConvert.HexRed.value document.HexConvert.HexGreen.value document.HexConvert.HexBlue.value
}
return
}
</script>
<script LANGUAGE="JavaScript">
if (navigator.appName != "Netscape")
{
document.write ('<body background="photo/parch.jpg" bgcolor="#ede2cd" text="#000000" link="#000066" alink="#dddddd" vlink="#993300" topmargin="0" marginheight=0>')
}
else
{
document.write ('<body bgcolor="#ffffff" text="#000000" link="#000066" alink="#dddddd" vlink="#993300" topmargin="0">')
}
</script>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td>
<form NAME="HexConvert">
<center>
<table WIDTH="400" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<tr>
<td ALIGN="CENTER" BGCOLOR="#E6E6E6" WIDTH="400">
<table WIDTH="400" BORDER="5" CELLSPACING="5" CELLPADDING="5" BGCOLOR="#E0E0E0">
<tr>
<td ALIGN="CENTER">
<table BORDER="0">
<tr>
<td ALIGN="CENTER">
<a HREF="javascript: document.HexConvert.DecRed.value=document.HexConvert.DecRed.value*1 10;SyncDecimal();">
[ ]</a><br>
<input TYPE="TEXT" NAME="DecRed" SIZE="3" MAXLENGTH="3" VALUE="255" onFocus="DecRed.select()" onBlur="SyncDecimal();"><br>
<a HREF="javascript: document.HexConvert.DecRed.value=document.HexConvert.DecRed.value*1-10;SyncDecimal();">
[-]</a><br>
</td>
<td ALIGN="CENTER">
<a HREF="javascript: document.HexConvert.DecGreen.value=document.HexConvert.DecGreen.value*1 10;SyncDecimal();">
[ ]</a><br>
<input TYPE="TEXT" NAME="DecGreen" SIZE="3" MAXLENGTH="3" VALUE="255" onFocus="DecGreen.select()" onBlur="SyncDecimal();"><br>
<a HREF="javascript: document.HexConvert.DecGreen.value=document.HexConvert.DecGreen.value*1-10;SyncDecimal();">
[-]<br>
</td>
<td ALIGN="CENTER">
<a HREF="javascript: document.HexConvert.DecBlue.value=document.HexConvert.DecBlue.value*1 10;SyncDecimal();">
[-]</a><br>
<input TYPE="TEXT" NAME="DecBlue" SIZE="3" MAXLENGTH="3" VALUE="255" onFocus="DecBlue.select()" onBlur="SyncDecimal();"><br>
<a HREF="javascript: document.HexConvert.DecBlue.value=document.HexConvert.DecBlue.value*1-10;SyncDecimal();">
[-]</a><br>
</td>
</tr>
<tr>
<td ALIGN="CENTER">
<font FACE="Arial,Helvetica" SIZE="1">
RED<br>
</font>
</td>
<td ALIGN="CENTER">
<font FACE="Arial,Helvetica" SIZE="1">
GREEN<br>
</font>
</td>
<td ALIGN="CENTER">
<font FACE="Arial,Helvetica" SIZE="1">
BLUE<br>
</font>
</td>
</tr>
</table>
</td>
<td ALIGN="CENTER">
<table BORDER="0">
<tr>
<td ALIGN="CENTER">
<input TYPE="TEXT" NAME="HexRed" SIZE="2" MAXLENGTH="2" VALUE="FF" onFocus="HexRed.select()" onBlur="SyncHex();">
</td>
<td ALIGN="CENTER">
<input TYPE="TEXT" NAME="HexGreen" SIZE="2" MAXLENGTH="3" VALUE="FF" onFocus="HexGreen.select()" onBlur="SyncHex();">
</td>
<td ALIGN="CENTER">
<input TYPE="TEXT" NAME="HexBlue" SIZE="2" MAXLENGTH="3" VALUE="FF" onFocus="HexBlue.select()" onBlur="SyncHex();">
</td>
</tr>
<tr>
<td ALIGN="CENTER">
<font FACE="Arial,Helvetica" SIZE="1">
RED<br>
</font>
</td>
<td ALIGN="CENTER">
<font FACE="Arial,Helvetica" SIZE="1">
GREEN<br>
</font>
</td>
<td ALIGN="CENTER">
<font FACE="Arial,Helvetica" SIZE="1">
BLUE<br>
</font>
</td>
</tr>
<tr>
<td COLSPAN="3" ALIGN="Center">
<font FACE="宋体" SIZE="3">
十六进制RGB颜色值<br>
</font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td ALIGN="CENTER">
<table BORDER="0" CELLSPACING="0" CELLPADDING="0">
<tr HEIGHT="5">
<td BGCOLOR="#000000"><a HREF="javascript: setColor('000000');Preview();"> </a><br></td>
<td BGCOLOR="#080808"><a HREF="javascript: setColor('080808');Preview();"> </a><br></td>
<td BGCOLOR="#101010"><a HREF="javascript: setColor('101010');Preview();"> </a><br></td>
<td BGCOLOR="#181818"><a HREF="javascript: setColor('181818');Preview();"> </a><br></td>
<td BGCOLOR="#202020"><a HREF="javascript: setColor('202020');Preview();"> </a><br></td>
<td BGCOLOR="#282828"><a HREF="javascript: setColor('282828');Preview();"> </a><br></td>
<td BGCOLOR="#303030"><a HREF="javascript: setColor('303030');Preview();"> </a><br></td>
<td BGCOLOR="#383838"><a HREF="javascript: setColor('383838');Preview();"> </a><br></td>
<td BGCOLOR="#404040"><a HREF="javascript: setColor('404040');Preview();"> </a><br></td>
<td BGCOLOR="#484848"><a HREF="javascript: setColor('484848');Preview();"> </a><br></td>
<td BGCOLOR="#505050"><a HREF="javascript: setColor('505050');Preview();"> </a><br></td>
<td BGCOLOR="#585858"><a HREF="javascript: setColor('585858');Preview();"> </a><br></td>
<td BGCOLOR="#606060"><a HREF="javascript: setColor('606060');Preview();"> </a><br></td>
<td BGCOLOR="#686868"><a HREF="javascript: setColor('686868');Preview();"> </a><br></td>
<td BGCOLOR="#707070"><a HREF="javascript: setColor('707070');Preview();"> </a><br></td>
<td BGCOLOR="#787878"><a HREF="javascript: setColor('787878');Preview();"> </a><br></td>
<td BGCOLOR="#808080"><a HREF="javascript: setColor('808080');Preview();"> </a><br></td>
<td BGCOLOR="#888888"><a HREF="javascript: setColor('888888');Preview();"> </a><br></td>
<td BGCOLOR="#909090"><a HREF="javascript: setColor('909090');Preview();"> </a><br></td>
<td BGCOLOR="#989898"><a HREF="javascript: setColor('989898');Preview();"> </a><br></td>
<td BGCOLOR="#A0A0A0"><a HREF="javascript: setColor('A0A0A0');Preview();"> </a><br></td>
<td BGCOLOR="#A8A8A8"><a HREF="javascript: setColor('A8A8A8');Preview();"> </a><br></td>
<td BGCOLOR="#B0B0B0"><a HREF="javascript: setColor('B0B0B0');Preview();"> </a><br></td>
<td BGCOLOR="#B8B8B8"><a HREF="javascript: setColor('B8B8B8');Preview();"> </a><br></td>
<td BGCOLOR="#C0C0C0"><a HREF="javascript: setColor('C0C0C0');Preview();"> </a><br></td>
<td BGCOLOR="#C8C8C8"><a HREF="javascript: setColor('C8C8C8');Preview();"> </a><br></td>
<td BGCOLOR="#D0D0D0"><a HREF="javascript: setColor('D0D0D0');Preview();"> </a><br></td>
<td BGCOLOR="#D8D8D8"><a HREF="javascript: setColor('D8D8D8');Preview();"> </a><br></td>
<td BGCOLOR="#E0E0E0"><a HREF="javascript: setColor('E0E0E0');Preview();"> </a><br></td>
<td BGCOLOR="#E8E8E8"><a HREF="javascript: setColor('E8E8E8');Preview();"> </a><br></td>
<td BGCOLOR="#F0F0F0"><a HREF="javascript: setColor('F0F0F0');Preview();"> </a><br></td>
<td BGCOLOR="#F8F8F8"><a HREF="javascript: setColor('F8F8F8');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFFF"><a HREF="javascript: setColor('FFFFFF');Preview();"> </a><br></td>
</tr>
<tr HEIGHT="5">
<td BGCOLOR="#000000"><a HREF="javascript: setColor('000000');Preview();"> </a><br></td>
<td BGCOLOR="#100000"><a HREF="javascript: setColor('100000');Preview();"> </a><br></td>
<td BGCOLOR="#200000"><a HREF="javascript: setColor('200000');Preview();"> </a><br></td>
<td BGCOLOR="#300000"><a HREF="javascript: setColor('300000');Preview();"> </a><br></td>
<td BGCOLOR="#400000"><a HREF="javascript: setColor('400000');Preview();"> </a><br></td>
<td BGCOLOR="#500000"><a HREF="javascript: setColor('500000');Preview();"> </a><br></td>
<td BGCOLOR="#600000"><a HREF="javascript: setColor('600000');Preview();"> </a><br></td>
<td BGCOLOR="#700000"><a HREF="javascript: setColor('700000');Preview();"> </a><br></td>
<td BGCOLOR="#800000"><a HREF="javascript: setColor('800000');Preview();"> </a><br></td>
<td BGCOLOR="#900000"><a HREF="javascript: setColor('900000');Preview();"> </a><br></td>
<td BGCOLOR="#A00000"><a HREF="javascript: setColor('A00000');Preview();"> </a><br></td>
<td BGCOLOR="#B00000"><a HREF="javascript: setColor('B00000');Preview();"> </a><br></td>
<td BGCOLOR="#C00000"><a HREF="javascript: setColor('C00000');Preview();"> </a><br></td>
<td BGCOLOR="#D00000"><a HREF="javascript: setColor('D00000');Preview();"> </a><br></td>
<td BGCOLOR="#E00000"><a HREF="javascript: setColor('E00000');Preview();"> </a><br></td>
<td BGCOLOR="#F00000"><a HREF="javascript: setColor('F00000');Preview();"> </a><br></td>
<td BGCOLOR="#FF0000"><a HREF="javascript: setColor('FF0000');Preview();"> </a><br></td>
<td BGCOLOR="#FF1010"><a HREF="javascript: setColor('FF1010');Preview();"> </a><br></td>
<td BGCOLOR="#FF2020"><a HREF="javascript: setColor('FF2020');Preview();"> </a><br></td>
<td BGCOLOR="#FF3030"><a HREF="javascript: setColor('FF3030');Preview();"> </a><br></td>
<td BGCOLOR="#FF4040"><a HREF="javascript: setColor('FF4040');Preview();"> </a><br></td>
<td BGCOLOR="#FF5050"><a HREF="javascript: setColor('FF5050');Preview();"> </a><br></td>
<td BGCOLOR="#FF6060"><a HREF="javascript: setColor('FF6060');Preview();"> </a><br></td>
<td BGCOLOR="#FF7070"><a HREF="javascript: setColor('FF7070');Preview();"> </a><br></td>
<td BGCOLOR="#FF8080"><a HREF="javascript: setColor('FF8080');Preview();"> </a><br></td>
<td BGCOLOR="#FF9090"><a HREF="javascript: setColor('FF9090');Preview();"> </a><br></td>
<td BGCOLOR="#FFA0A0"><a HREF="javascript: setColor('FFA0A0');Preview();"> </a><br></td>
<td BGCOLOR="#FFB0B0"><a HREF="javascript: setColor('FFB0B0');Preview();"> </a><br></td>
<td BGCOLOR="#FFC0C0"><a HREF="javascript: setColor('FFC0C0');Preview();"> </a><br></td>
<td BGCOLOR="#FFD0D0"><a HREF="javascript: setColor('FFD0D0');Preview();"> </a><br></td>
<td BGCOLOR="#FFE0E0"><a HREF="javascript: setColor('FFE0E0');Preview();"> </a><br></td>
<td BGCOLOR="#FFF0F0"><a HREF="javascript: setColor('FFF0F0');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFFF"><a HREF="javascript: setColor('FFFFFF');Preview();"> </a><br></td>
</tr>
<tr HEIGHT="5">
<td BGCOLOR="#000000"><a HREF="javascript: setColor('000000');Preview();"> </a><br></td>
<td BGCOLOR="#101000"><a HREF="javascript: setColor('101000');Preview();"> </a><br></td>
<td BGCOLOR="#202000"><a HREF="javascript: setColor('202000');Preview();"> </a><br></td>
<td BGCOLOR="#303000"><a HREF="javascript: setColor('303000');Preview();"> </a><br></td>
<td BGCOLOR="#404000"><a HREF="javascript: setColor('404000');Preview();"> </a><br></td>
<td BGCOLOR="#505000"><a HREF="javascript: setColor('505000');Preview();"> </a><br></td>
<td BGCOLOR="#606000"><a HREF="javascript: setColor('606000');Preview();"> </a><br></td>
<td BGCOLOR="#707000"><a HREF="javascript: setColor('707000');Preview();"> </a><br></td>
<td BGCOLOR="#808000"><a HREF="javascript: setColor('808000');Preview();"> </a><br></td>
<td BGCOLOR="#909000"><a HREF="javascript: setColor('909000');Preview();"> </a><br></td>
<td BGCOLOR="#A0A000"><a HREF="javascript: setColor('A0A000');Preview();"> </a><br></td>
<td BGCOLOR="#B0B000"><a HREF="javascript: setColor('B0B000');Preview();"> </a><br></td>
<td BGCOLOR="#C0C000"><a HREF="javascript: setColor('C0C000');Preview();"> </a><br></td>
<td BGCOLOR="#D0D000"><a HREF="javascript: setColor('D0D000');Preview();"> </a><br></td>
<td BGCOLOR="#E0E000"><a HREF="javascript: setColor('E0E000');Preview();"> </a><br></td>
<td BGCOLOR="#F0F000"><a HREF="javascript: setColor('F0F000');Preview();"> </a><br></td>
<td BGCOLOR="#FFFF00"><a HREF="javascript: setColor('FFFF00');Preview();"> </a><br></td>
<td BGCOLOR="#FFFF10"><a HREF="javascript: setColor('FFFF10');Preview();"> </a><br></td>
<td BGCOLOR="#FFFF20"><a HREF="javascript: setColor('FFFF20');Preview();"> </a><br></td>
<td BGCOLOR="#FFFF30"><a HREF="javascript: setColor('FFFF30');Preview();"> </a><br></td>
<td BGCOLOR="#FFFF40"><a HREF="javascript: setColor('FFFF40');Preview();"> </a><br></td>
<td BGCOLOR="#FFFF50"><a HREF="javascript: setColor('FFFF50');Preview();"> </a><br></td>
<td BGCOLOR="#FFFF60"><a HREF="javascript: setColor('FFFF60');Preview();"> </a><br></td>
<td BGCOLOR="#FFFF70"><a HREF="javascript: setColor('FFFF70');Preview();"> </a><br></td>
<td BGCOLOR="#FFFF80"><a HREF="javascript: setColor('FFFF80');Preview();"> </a><br></td>
<td BGCOLOR="#FFFF90"><a HREF="javascript: setColor('FFFF90');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFA0"><a HREF="javascript: setColor('FFFFA0');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFB0"><a HREF="javascript: setColor('FFFFB0');Preview();"> </a><br></td>
<td class=heading><a HREF="javascript: setColor('ffffcc');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFD0"><a HREF="javascript: setColor('FFFFD0');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFE0"><a HREF="javascript: setColor('FFFFE0');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFF0"><a HREF="javascript: setColor('FFFFF0');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFFF"><a HREF="javascript: setColor('FFFFFF');Preview();"> </a><br></td>
</tr>
<tr HEIGHT="5">
<td BGCOLOR="#000000"><a HREF="javascript: setColor('000000');Preview();"> </a><br></td>
<td BGCOLOR="#001000"><a HREF="javascript: setColor('001000');Preview();"> </a><br></td>
<td BGCOLOR="#002000"><a HREF="javascript: setColor('002000');Preview();"> </a><br></td>
<td BGCOLOR="#003000"><a HREF="javascript: setColor('003000');Preview();"> </a><br></td>
<td BGCOLOR="#004000"><a HREF="javascript: setColor('004000');Preview();"> </a><br></td>
<td BGCOLOR="#005000"><a HREF="javascript: setColor('005000');Preview();"> </a><br></td>
<td BGCOLOR="#006000"><a HREF="javascript: setColor('006000');Preview();"> </a><br></td>
<td BGCOLOR="#007000"><a HREF="javascript: setColor('007000');Preview();"> </a><br></td>
<td BGCOLOR="#008000"><a HREF="javascript: setColor('008000');Preview();"> </a><br></td>
<td BGCOLOR="#009000"><a HREF="javascript: setColor('009000');Preview();"> </a><br></td>
<td BGCOLOR="#00A000"><a HREF="javascript: setColor('00A000');Preview();"> </a><br></td>
<td BGCOLOR="#00B000"><a HREF="javascript: setColor('00B000');Preview();"> </a><br></td>
<td BGCOLOR="#00C000"><a HREF="javascript: setColor('00C000');Preview();"> </a><br></td>
<td BGCOLOR="#00D000"><a HREF="javascript: setColor('00D000');Preview();"> </a><br></td>
<td BGCOLOR="#00E000"><a HREF="javascript: setColor('00E000');Preview();"> </a><br></td>
<td BGCOLOR="#00F000"><a HREF="javascript: setColor('00F000');Preview();"> </a><br></td>
<td BGCOLOR="#00FF00"><a HREF="javascript: setColor('00FF00');Preview();"> </a><br></td>
<td BGCOLOR="#10FF10"><a HREF="javascript: setColor('10FF10');Preview();"> </a><br></td>
<td BGCOLOR="#20FF20"><a HREF="javascript: setColor('20FF20');Preview();"> </a><br></td>
<td BGCOLOR="#30FF30"><a HREF="javascript: setColor('30FF30');Preview();"> </a><br></td>
<td BGCOLOR="#40FF40"><a HREF="javascript: setColor('40FF40');Preview();"> </a><br></td>
<td BGCOLOR="#50FF50"><a HREF="javascript: setColor('50FF50');Preview();"> </a><br></td>
<td BGCOLOR="#60FF60"><a HREF="javascript: setColor('60FF60');Preview();"> </a><br></td>
<td BGCOLOR="#70FF70"><a HREF="javascript: setColor('70FF70');Preview();"> </a><br></td>
<td BGCOLOR="#80FF80"><a HREF="javascript: setColor('80FF80');Preview();"> </a><br></td>
<td BGCOLOR="#90FF90"><a HREF="javascript: setColor('90FF90');Preview();"> </a><br></td>
<td BGCOLOR="#A0FFA0"><a HREF="javascript: setColor('A0FFA0');Preview();"> </a><br></td>
<td BGCOLOR="#B0FFB0"><a HREF="javascript: setColor('B0FFB0');Preview();"> </a><br></td>
<td BGCOLOR="#C0FFC0"><a HREF="javascript: setColor('C0FFC0');Preview();"> </a><br></td>
<td BGCOLOR="#D0FFD0"><a HREF="javascript: setColor('D0FFD0');Preview();"> </a><br></td>
<td BGCOLOR="#E0FFE0"><a HREF="javascript: setColor('E0FFE0');Preview();"> </a><br></td>
<td BGCOLOR="#F0FFF0"><a HREF="javascript: setColor('F0FFF0');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFFF"><a HREF="javascript: setColor('FFFFFF');Preview();"> </a><br></td>
</tr>
<tr HEIGHT="5">
<td BGCOLOR="#000000"><a HREF="javascript: setColor('000000');Preview();"> </a><br></td>
<td BGCOLOR="#001010"><a HREF="javascript: setColor('001010');Preview();"> </a><br></td>
<td BGCOLOR="#002020"><a HREF="javascript: setColor('002020');Preview();"> </a><br></td>
<td BGCOLOR="#003030"><a HREF="javascript: setColor('003030');Preview();"> </a><br></td>
<td BGCOLOR="#004040"><a HREF="javascript: setColor('004040');Preview();"> </a><br></td>
<td BGCOLOR="#005050"><a HREF="javascript: setColor('005050');Preview();"> </a><br></td>
<td BGCOLOR="#006060"><a HREF="javascript: setColor('006060');Preview();"> </a><br></td>
<td BGCOLOR="#007070"><a HREF="javascript: setColor('007070');Preview();"> </a><br></td>
<td BGCOLOR="#008080"><a HREF="javascript: setColor('008080');Preview();"> </a><br></td>
<td BGCOLOR="#009090"><a HREF="javascript: setColor('009090');Preview();"> </a><br></td>
<td BGCOLOR="#00A0A0"><a HREF="javascript: setColor('00A0A0');Preview();"> </a><br></td>
<td BGCOLOR="#00B0B0"><a HREF="javascript: setColor('00B0B0');Preview();"> </a><br></td>
<td BGCOLOR="#00C0C0"><a HREF="javascript: setColor('00C0C0');Preview();"> </a><br></td>
<td BGCOLOR="#00D0D0"><a HREF="javascript: setColor('00D0D0');Preview();"> </a><br></td>
<td BGCOLOR="#00E0E0"><a HREF="javascript: setColor('00E0E0');Preview();"> </a><br></td>
<td BGCOLOR="#00F0F0"><a HREF="javascript: setColor('00F0F0');Preview();"> </a><br></td>
<td BGCOLOR="#00FFFF"><a HREF="javascript: setColor('00FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#10FFFF"><a HREF="javascript: setColor('10FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#20FFFF"><a HREF="javascript: setColor('20FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#30FFFF"><a HREF="javascript: setColor('30FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#40FFFF"><a HREF="javascript: setColor('40FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#50FFFF"><a HREF="javascript: setColor('50FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#60FFFF"><a HREF="javascript: setColor('60FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#70FFFF"><a HREF="javascript: setColor('70FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#80FFFF"><a HREF="javascript: setColor('80FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#90FFFF"><a HREF="javascript: setColor('90FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#A0FFFF"><a HREF="javascript: setColor('A0FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#B0FFFF"><a HREF="javascript: setColor('B0FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#C0FFFF"><a HREF="javascript: setColor('C0FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#D0FFFF"><a HREF="javascript: setColor('D0FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#E0FFFF"><a HREF="javascript: setColor('E0FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#F0FFFF"><a HREF="javascript: setColor('F0FFFF');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFFF"><a HREF="javascript: setColor('FFFFFF');Preview();"> </a><br></td>
</tr>
<tr HEIGHT="5">
<td BGCOLOR="#000000"><a HREF="javascript: setColor('000000');Preview();"> </a><br></td>
<td BGCOLOR="#000010"><a HREF="javascript: setColor('000010');Preview();"> </a><br></td>
<td BGCOLOR="#000020"><a HREF="javascript: setColor('000020');Preview();"> </a><br></td>
<td BGCOLOR="#000030"><a HREF="javascript: setColor('000030');Preview();"> </a><br></td>
<td BGCOLOR="#000040"><a HREF="javascript: setColor('000040');Preview();"> </a><br></td>
<td BGCOLOR="#000050"><a HREF="javascript: setColor('000050');Preview();"> </a><br></td>
<td BGCOLOR="#000060"><a HREF="javascript: setColor('000060');Preview();"> </a><br></td>
<td BGCOLOR="#000070"><a HREF="javascript: setColor('000070');Preview();"> </a><br></td>
<td BGCOLOR="#000080"><a HREF="javascript: setColor('000080');Preview();"> </a><br></td>
<td BGCOLOR="#000090"><a HREF="javascript: setColor('000090');Preview();"> </a><br></td>
<td BGCOLOR="#0000A0"><a HREF="javascript: setColor('0000A0');Preview();"> </a><br></td>
<td BGCOLOR="#0000B0"><a HREF="javascript: setColor('0000B0');Preview();"> </a><br></td>
<td BGCOLOR="#0000C0"><a HREF="javascript: setColor('0000C0');Preview();"> </a><br></td>
<td BGCOLOR="#0000D0"><a HREF="javascript: setColor('0000D0');Preview();"> </a><br></td>
<td BGCOLOR="#0000E0"><a HREF="javascript: setColor('0000E0');Preview();"> </a><br></td>
<td BGCOLOR="#0000F0"><a HREF="javascript: setColor('0000F0');Preview();"> </a><br></td>
<td BGCOLOR="#0000FF"><a HREF="javascript: setColor('0000FF');Preview();"> </a><br></td>
<td BGCOLOR="#1010FF"><a HREF="javascript: setColor('1010FF');Preview();"> </a><br></td>
<td BGCOLOR="#2020FF"><a HREF="javascript: setColor('2020FF');Preview();"> </a><br></td>
<td BGCOLOR="#3030FF"><a HREF="javascript: setColor('3030FF');Preview();"> </a><br></td>
<td BGCOLOR="#4040FF"><a HREF="javascript: setColor('4040FF');Preview();"> </a><br></td>
<td BGCOLOR="#5050FF"><a HREF="javascript: setColor('5050FF');Preview();"> </a><br></td>
<td BGCOLOR="#6060FF"><a HREF="javascript: setColor('6060FF');Preview();"> </a><br></td>
<td BGCOLOR="#7070FF"><a HREF="javascript: setColor('7070FF');Preview();"> </a><br></td>
<td BGCOLOR="#8080FF"><a HREF="javascript: setColor('8080FF');Preview();"> </a><br></td>
<td BGCOLOR="#9090FF"><a HREF="javascript: setColor('9090FF');Preview();"> </a><br></td>
<td BGCOLOR="#A0A0FF"><a HREF="javascript: setColor('A0A0FF');Preview();"> </a><br></td>
<td BGCOLOR="#B0B0FF"><a HREF="javascript: setColor('B0B0FF');Preview();"> </a><br></td>
<td BGCOLOR="#C0C0FF"><a HREF="javascript: setColor('C0C0FF');Preview();"> </a><br></td>
<td BGCOLOR="#D0D0FF"><a HREF="javascript: setColor('D0D0FF');Preview();"> </a><br></td>
<td BGCOLOR="#E0E0FF"><a HREF="javascript: setColor('E0E0FF');Preview();"> </a><br></td>
<td BGCOLOR="#F0F0FF"><a HREF="javascript: setColor('F0F0FF');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFFF"><a HREF="javascript: setColor('FFFFFF');Preview();"> </a><br></td>
</tr>
<tr HEIGHT="5">
<td BGCOLOR="#000000"><a HREF="javascript: setColor('000000');Preview();"> </a><br></td>
<td BGCOLOR="#100010"><a HREF="javascript: setColor('100010');Preview();"> </a><br></td>
<td BGCOLOR="#200020"><a HREF="javascript: setColor('200020');Preview();"> </a><br></td>
<td BGCOLOR="#300030"><a HREF="javascript: setColor('300030');Preview();"> </a><br></td>
<td BGCOLOR="#400040"><a HREF="javascript: setColor('400040');Preview();"> </a><br></td>
<td BGCOLOR="#500050"><a HREF="javascript: setColor('500050');Preview();"> </a><br></td>
<td BGCOLOR="#600060"><a HREF="javascript: setColor('600060');Preview();"> </a><br></td>
<td BGCOLOR="#700070"><a HREF="javascript: setColor('700070');Preview();"> </a><br></td>
<td BGCOLOR="#800080"><a HREF="javascript: setColor('800080');Preview();"> </a><br></td>
<td BGCOLOR="#900090"><a HREF="javascript: setColor('900090');Preview();"> </a><br></td>
<td BGCOLOR="#A000A0"><a HREF="javascript: setColor('A000A0');Preview();"> </a><br></td>
<td BGCOLOR="#B000B0"><a HREF="javascript: setColor('B000B0');Preview();"> </a><br></td>
<td BGCOLOR="#C000C0"><a HREF="javascript: setColor('C000C0');Preview();"> </a><br></td>
<td BGCOLOR="#D000D0"><a HREF="javascript: setColor('D000D0');Preview();"> </a><br></td>
<td BGCOLOR="#E000E0"><a HREF="javascript: setColor('E000E0');Preview();"> </a><br></td>
<td BGCOLOR="#F000F0"><a HREF="javascript: setColor('F000F0');Preview();"> </a><br></td>
<td BGCOLOR="#FF00FF"><a HREF="javascript: setColor('FF00FF');Preview();"> </a><br></td>
<td BGCOLOR="#FF10FF"><a HREF="javascript: setColor('FF10FF');Preview();"> </a><br></td>
<td BGCOLOR="#FF20FF"><a HREF="javascript: setColor('FF20FF');Preview();"> </a><br></td>
<td BGCOLOR="#FF30FF"><a HREF="javascript: setColor('FF30FF');Preview();"> </a><br></td>
<td BGCOLOR="#FF40FF"><a HREF="javascript: setColor('FF40FF');Preview();"> </a><br></td>
<td BGCOLOR="#FF50FF"><a HREF="javascript: setColor('FF50FF');Preview();"> </a><br></td>
<td BGCOLOR="#FF60FF"><a HREF="javascript: setColor('FF60FF');Preview();"> </a><br></td>
<td BGCOLOR="#FF70FF"><a HREF="javascript: setColor('FF70FF');Preview();"> </a><br></td>
<td BGCOLOR="#FF80FF"><a HREF="javascript: setColor('FF80FF');Preview();"> </a><br></td>
<td BGCOLOR="#FF90FF"><a HREF="javascript: setColor('FF90FF');Preview();"> </a><br></td>
<td BGCOLOR="#FFA0FF"><a HREF="javascript: setColor('FFA0FF');Preview();"> </a><br></td>
<td BGCOLOR="#FFB0FF"><a HREF="javascript: setColor('FFB0FF');Preview();"> </a><br></td>
<td BGCOLOR="#FFC0FF"><a HREF="javascript: setColor('FFC0FF');Preview();"> </a><br></td>
<td BGCOLOR="#FFD0FF"><a HREF="javascript: setColor('FFD0FF');Preview();"> </a><br></td>
<td BGCOLOR="#FFE0FF"><a HREF="javascript: setColor('FFE0FF');Preview();"> </a><br></td>
<td BGCOLOR="#FFF0FF"><a HREF="javascript: setColor('FFF0FF');Preview();"> </a><br></td>
<td BGCOLOR="#FFFFFF"><a HREF="javascript: setColor('FFFFFF');Preview();"> </a><br></td>
</tr>
</table>
<font FACE="宋体" SIZE="3">
调色板<br>
</font>
</td>
<td ALIGN="CENTER">
<iframe WIDTH="150" HEIGHT="35" FRAMEBORDER="1" MARGINHEIGHT="0" MARGINWIDTH="0" NAME="PreviewFrame" SCROLLING="NO" NORESIZE SRC>
<font FACE="宋体" SIZE="1" COLOR="Black">
<center>
<b>
Color previewing capability requires a browser that supports the IFRAME tag. Applet will use background color instead.<br>
</b>
</center>
</font>
</iframe><br>
<font FACE="宋体" SIZE="3">
预览<br>
</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</form>
</td></tr>
</table>
</body>
</html>

本文由澳门正规赌博十大网站发布于澳门游戏网站,转载请注明出处:JavaScript使用Range调色及透明度实例,网页安全色