颜色快速采集器javascript代码_典型特效

把下面代码 保存为：color.htm 即可

<title>颜色快速采集器</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <table cellspacing="5" cellpadding="5" width="100%" border="0"><tbody><tr><td valign="top"> <p></p> <form name="bgcolor" method="post"> <center><font size="3"><b>颜色名称:</b> <input size="21" value="snow" name="CName"><b>颜色数值:</b> <input size="21" value="#FFFAFA" name="CValue"></font></center> <center> <table cellspacing="0" cellpadding="0" width="100%" border="1"><tbody> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'aliceblue')" type="radio" name="bgcolor"> 艾利斯兰 </div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'antiquewhite')" type="radio" name="bgcolor"> 古董白 </div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'aqua')" type="radio" name="bgcolor"> 浅绿色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'aquamarine')" type="radio" name="bgcolor"> 碧绿色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'azure')" type="radio" name="bgcolor"> 天蓝色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'beige')" type="radio" name="bgcolor"> 米色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'bisque')" type="radio" name="bgcolor"> 桔黄色 </div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'black')" type="radio" name="bgcolor"> 黑色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'blanchedalmond')" type="radio" name="bgcolor"> 白杏色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'blue')" type="radio" name="bgcolor"> 蓝色 </div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'blueviolet')" type="radio" name="bgcolor"> 紫罗兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'brown')" type="radio" name="bgcolor"> 褐色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'burlywood')" type="radio" name="bgcolor"> 实木色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'cadetblue')" type="radio" name="bgcolor"> 军兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'chartreuse')" type="radio" name="bgcolor"> 黄绿色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'chocolate')" type="radio" name="bgcolor"> 巧可力色 </div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'coral')" type="radio" name="bgcolor"> 珊瑚色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'cornflowerblue')" type="radio" name="bgcolor"> 菊兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'cornsilk')" type="radio" name="bgcolor"> 米绸色 </div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'crimson')" type="radio" name="bgcolor"> 暗深红色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'cyan')" type="radio" name="bgcolor"> 青色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkblue')" type="radio" name="bgcolor"> 暗蓝色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkcyan')" type="radio" name="bgcolor"> 暗青色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkgoldenrod')" type="radio" name="bgcolor"> 暗金黄色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkgray')" type="radio" name="bgcolor"> 暗灰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkgreen')" type="radio" name="bgcolor"> 暗绿色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkkhaki')" type="radio" name="bgcolor"> 暗黄褐色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkmagenta')" type="radio" name="bgcolor"> 暗洋红 </div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkolivegreen')" type="radio" name="bgcolor"> 暗橄榄绿</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkorange')" type="radio" name="bgcolor"> 暗桔黄色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkorchid')" type="radio" name="bgcolor"> 暗紫色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkred')" type="radio" name="bgcolor"> 暗红色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darksalmon')" type="radio" name="bgcolor"> 暗肉色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkseagreen')" type="radio" name="bgcolor"> 暗海兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkslateblue')" type="radio" name="bgcolor"> 暗灰蓝色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkslategray')" type="radio" name="bgcolor"> 墨绿色 </div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkturquoise')" type="radio" name="bgcolor"> 暗宝石绿</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'darkviolet')" type="radio" name="bgcolor"> 暗紫罗兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'deeppink')" type="radio" name="bgcolor"> 深粉红色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'deepskyblue')" type="radio" name="bgcolor"> 深天蓝色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'dimgray')" type="radio" name="bgcolor"> 暗灰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'dodgerblue')" type="radio" name="bgcolor"> 闪兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'firebrick')" type="radio" name="bgcolor"> 火砖色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'floralwhite')" type="radio" name="bgcolor"> 花白色 </div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'forestgreen')" type="radio" name="bgcolor"> 森林绿 </div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'fuchsia')" type="radio" name="bgcolor"> 紫红色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'gainsboro')" type="radio" name="bgcolor"> 淡灰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'ghostwhite')" type="radio" name="bgcolor"> 幽灵白</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'gold')" type="radio" name="bgcolor"> 金色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'goldenrod')" type="radio" name="bgcolor"> 金麒麟色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'gray')" type="radio" name="bgcolor"> 灰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'green')" type="radio" name="bgcolor"> 绿色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'greenyellow')" type="radio" name="bgcolor"> 黄绿色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'honeydew')" type="radio" name="bgcolor"> 蜜色 </div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'hotpink')" type="radio" name="bgcolor"> 热粉红色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'indianred')" type="radio" name="bgcolor"> 印第安红</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'indigo')" type="radio" name="bgcolor"> 靛青色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'ivory')" type="radio" name="bgcolor"> 象牙色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'khaki')" type="radio" name="bgcolor"> 黄褐色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lavender')" type="radio" name="bgcolor"> 淡紫色 </div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lavenderblush')" type="radio" name="bgcolor"> 淡紫红</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lawngreen')" type="radio" name="bgcolor"> 草绿色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lemonchiffon')" type="radio" name="bgcolor"> 柠檬绸色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightblue')" type="radio" name="bgcolor"> 亮蓝色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightcoral')" type="radio" name="bgcolor"> 亮珊瑚色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightcyan')" type="radio" name="bgcolor"> 亮青色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightgoldenrodyellow')" type="radio" name="bgcolor"> 亮金黄色 </div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightgreen')" type="radio" name="bgcolor"> 亮绿色 </div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightgrey')" type="radio" name="bgcolor"> 亮灰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightpink')" type="radio" name="bgcolor"> 亮粉红色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightsalmon')" type="radio" name="bgcolor"> 亮肉色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightseagreen')" type="radio" name="bgcolor"> 亮海蓝色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightskyblue')" type="radio" name="bgcolor"> 亮天蓝色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightslategray')" type="radio" name="bgcolor"> 亮蓝灰</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightsteelblue')" type="radio" name="bgcolor"> 亮钢兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lightyellow')" type="radio" name="bgcolor"> 亮黄色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'lime')" type="radio" name="bgcolor"> 酸橙色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'limegreen')" type="radio" name="bgcolor"> 橙绿以</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'linen')" type="radio" name="bgcolor"> 亚麻色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'magenta')" type="radio" name="bgcolor"> 红紫色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'maroon')" type="radio" name="bgcolor"> 粟色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'mediumaquamarine')" type="radio" name="bgcolor"> 间绿色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'mediumblue')" type="radio" name="bgcolor"> 间兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'mediumorchid')" type="radio" name="bgcolor"> 间紫色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'mediumpurple')" type="radio" name="bgcolor"> 间紫色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'mediumseagreen')" type="radio" name="bgcolor"> 间海蓝</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'mediumslateblue')" type="radio" name="bgcolor"> 间暗蓝色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'mediumspringgreen')" type="radio" name="bgcolor"> 间春绿色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'mediumturquoise')" type="radio" name="bgcolor"> 间绿宝石</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'mediumvioletred')" type="radio" name="bgcolor"> 间紫罗兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'midnightblue')" type="radio" name="bgcolor"> 中灰兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'mintcream')" type="radio" name="bgcolor"> 薄荷色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'mistyrose')" type="radio" name="bgcolor"> 浅玫瑰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'moccasin')" type="radio" name="bgcolor"> 鹿皮色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'navajowhite')" type="radio" name="bgcolor"> 纳瓦白</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'navy')" type="radio" name="bgcolor"> 海军色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'oldlace')" type="radio" name="bgcolor"> 老花色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'olive')" type="radio" name="bgcolor"> 橄榄色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'olivedrab')" type="radio" name="bgcolor"> 深绿褐色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'orange')" type="radio" name="bgcolor"> 橙色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'orangered')" type="radio" name="bgcolor"> 红橙色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'orchid')" type="radio" name="bgcolor"> 淡紫色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'palegoldenrod')" type="radio" name="bgcolor"> 苍麒麟色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'palegreen')" type="radio" name="bgcolor"> 苍绿色 </div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'paleturquoise')" type="radio" name="bgcolor"> 苍宝石绿 </div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'palevioletred')" type="radio" name="bgcolor"> 苍紫罗兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'papayawhip')" type="radio" name="bgcolor"> 番木色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'peachpuff')" type="radio" name="bgcolor"> 桃色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'peru')" type="radio" name="bgcolor"> 秘鲁色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'pink')" type="radio" name="bgcolor"> 粉红色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'plum')" type="radio" name="bgcolor"> 洋李色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'powderblue')" type="radio" name="bgcolor"> 粉蓝色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'purple')" type="radio" name="bgcolor"> 紫色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'red')" type="radio" name="bgcolor"> 红色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'rosybrown')" type="radio" name="bgcolor"> 褐玫瑰红</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'royalblue')" type="radio" name="bgcolor"> 皇家蓝</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'saddlebrown')" type="radio" name="bgcolor"> 重褐色 </div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'salmon')" type="radio" name="bgcolor"> 鲜肉色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'sandybrown')" type="radio" name="bgcolor"> 沙褐色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'seagreen')" type="radio" name="bgcolor"> 海绿色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'seashell')" type="radio" name="bgcolor"> 海贝色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'sienna')" type="radio" name="bgcolor"> 赭色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'silver')" type="radio" name="bgcolor"> 银色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'skyblue')" type="radio" name="bgcolor"> 天蓝色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'slateblue')" type="radio" name="bgcolor"> 石蓝色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'slategray')" type="radio" name="bgcolor"> 灰石色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'snow')" type="radio" checked name="bgcolor"> 雪白色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'springgreen')" type="radio" name="bgcolor"> 春绿色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'steelblue')" type="radio" name="bgcolor"> 钢兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'tan')" type="radio" name="bgcolor"> 茶色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'teal')" type="radio" name="bgcolor"> 水鸭色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'thistle')" type="radio" name="bgcolor"> 蓟色</div> </td> </tr> <tr> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'tomato')" type="radio" name="bgcolor"> 西红柿色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'turquoise')" type="radio" name="bgcolor"> 青绿色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'violet')" type="radio" name="bgcolor"> 紫罗兰色</div> </td> <td width="25%"> <div align="left"> <input onclick="ChangeColor(this.form, 'wheat')" type="radio" name="bgcolor"> 浅黄色</div> </td> </tr> <tr> <td width="25%" height="28"> <div align="left"> <input onclick="ChangeColor(this.form, 'white')" type="radio" name="bgcolor"> 白色</div> </td> <td width="25%" height="28"> <div align="left"> <input onclick="ChangeColor(this.form, 'whitesmoke')" type="radio" name="bgcolor"> 烟白色</div> </td> <td width="25%" height="28"> <div align="left"> <input onclick="ChangeColor(this.form, 'yellow')" type="radio" name="bgcolor"> 黄色</div> </td> <td width="25%" height="28"> <div align="left"> <input onclick="ChangeColor(this.form, 'yellowgreen')" type="radio" name="bgcolor"> 黄绿色</div> </td> </tr> </tbody></table> </center> <p></p> </form> </td></tr></tbody></table>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]