颜色快速采集器javascript代码

2019-11-21 01:08:15

字体：大中小

来源：转载

供稿：网友

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML><HEAD><TITLE>颜色快速采集器</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <BODY> <TABLE cellSpacing=5 cellPadding=5 width="100%" border=0> <TBODY> <TR> <TD vAlign=top> <SCRIPT language=JavaScript> function ChangeColor(form, ColorName) { var ColorValue = " "; if (ColorName == 'aliceblue') ColorValue = "#F0F8FF"; if (ColorName == 'antiquewhite') ColorValue = "#FAEBD7"; if (ColorName == 'aqua') ColorValue = "#00FFFF"; if (ColorName == 'aquamarine') ColorValue = "#7FFFD4"; if (ColorName == 'azure') ColorValue = "#F0FFFF"; if (ColorName == 'beige') ColorValue = "#F5F5DC"; if (ColorName == 'bisque') ColorValue = "#FFE4C4"; if (ColorName == 'black') ColorValue = "#000000"; if (ColorName == 'blanchedalmond') ColorValue = "#FFEBCD"; if (ColorName == 'blue') ColorValue = "#0000FF"; if (ColorName == 'blueviolet') ColorValue = "#8A2BE2"; if (ColorName == 'brown') ColorValue = "#A52A2A"; if (ColorName == 'burlywood') ColorValue = "#DEB887"; if (ColorName == 'cadetblue') ColorValue = "#5F9EA0"; if (ColorName == 'chartreuse') ColorValue = "#7FFF00"; if (ColorName == 'chocolate') ColorValue = "#D2691E"; if (ColorName == 'coral') ColorValue = "#FF7F50"; if (ColorName == 'cornflowerblue') ColorValue = "#6495ED"; if (ColorName == 'cornsilk') ColorValue = "#FFF8DC"; if (ColorName == 'crimson') ColorValue = "#DC143C"; if (ColorName == 'cyan') ColorValue = "#00FFFF"; if (ColorName == 'darkblue') ColorValue = "#00008B"; if (ColorName == 'darkcyan') ColorValue = "#008B8B"; if (ColorName == 'darkgoldenrod') ColorValue = "#B8860B"; if (ColorName == 'darkgray') ColorValue = "#A9A9A9"; if (ColorName == 'darkgreen') ColorValue = "#006400"; if (ColorName == 'darkkhaki') ColorValue = "#BDB76B"; if (ColorName == 'darkmagenta') ColorValue = "#8B008B"; if (ColorName == 'darkolivegreen') ColorValue = "#556B2F"; if (ColorName == 'darkorange') ColorValue = "#FF8C00"; if (ColorName == 'darkorchid') ColorValue = "#9932CC"; if (ColorName == 'darkred') ColorValue = "#8B0000"; if (ColorName == 'darksalmon') ColorValue = "#E9967A"; if (ColorName == 'darkseagreen') ColorValue = "#8FBC8F"; if (ColorName == 'darkslateblue') ColorValue = "#483D8B"; if (ColorName == 'darkslategray') ColorValue = "#2F4F4F"; if (ColorName == 'darkturquoise') ColorValue = "#00CED1"; if (ColorName == 'darkviolet') ColorValue = "#9400D3"; if (ColorName == 'deeppink') ColorValue = "#FF1493"; if (ColorName == 'deepskyblue') ColorValue = "#00BFFF"; if (ColorName == 'dimgray') ColorValue = "#696969"; if (ColorName == 'dodgerblue') ColorValue = "#1E90FF"; if (ColorName == 'firebrick') ColorValue = "#B22222"; if (ColorName == 'floralwhite') ColorValue = "#FFFAF0"; if (ColorName == 'forestgreen') ColorValue = "#228B22"; if (ColorName == 'fuchsia') ColorValue = "#FF00FF"; if (ColorName == 'gainsboro') ColorValue = "#DCDCDC"; if (ColorName == 'ghostwhite') ColorValue = "#F8F8FF"; if (ColorName == 'gold') ColorValue = "#FFD700"; if (ColorName == 'goldenrod') ColorValue = "#DAA520"; if (ColorName == 'gray') ColorValue = "#808080"; if (ColorName == 'green') ColorValue = "#008000"; if (ColorName == 'greenyellow') ColorValue = "#ADFF2F"; if (ColorName == 'honeydew') ColorValue = "#F0FFF0"; if (ColorName == 'hotpink') ColorValue = "#FF69B4"; if (ColorName == 'indianred') ColorValue = "#CD5C5C"; if (ColorName == 'indigo') ColorValue = "#4B0082"; if (ColorName == 'ivory') ColorValue = "#FFFFF0"; if (ColorName == 'khaki') ColorValue = "#F0E68C"; if (ColorName == 'lavender') ColorValue = "#E6E6FA"; if (ColorName == 'lavenderblush') ColorValue = "#FFF0F5"; if (ColorName == 'lawngreen') ColorValue = "#7CFC00"; if (ColorName == 'lemonchiffon') ColorValue = "#FFFACD"; if (ColorName == 'lightblue') ColorValue = "#ADD8E6"; if (ColorName == 'lightcoral') ColorValue = "#F08080"; if (ColorName == 'lightcyan') ColorValue = "#E0FFFF"; if (ColorName == 'lightgoldenrodyellow') ColorValue = "#FAFAD2"; if (ColorName == 'lightgreen') ColorValue = "#90EE90"; if (ColorName == 'lightgrey') ColorValue = "#D3D3D3"; if (ColorName == 'lightpink') ColorValue = "#FFB6C1"; if (ColorName == 'lightsalmon') ColorValue = "#FFA07A"; if (ColorName == 'lightseagreen') ColorValue = "#20B2AA"; if (ColorName == 'lightskyblue') ColorValue = "#87CEFA"; if (ColorName == 'lightslategray') ColorValue = "#778899"; if (ColorName == 'lightsteelblue') ColorValue = "#B0C4DE"; if (ColorName == 'lightyellow') ColorValue = "#FFFFE0"; if (ColorName == 'lime') ColorValue = "#00FF00"; if (ColorName == 'limegreen') ColorValue = "#32CD32"; if (ColorName == 'linen') ColorValue = "#FAF0E6"; if (ColorName == 'magenta') ColorValue = "#FF00FF"; if (ColorName == 'maroon') ColorValue = "#800000"; if (ColorName == 'mediumaquamarine') ColorValue = "#66CDAA"; if (ColorName == 'mediumblue') ColorValue = "#0000CD"; if (ColorName == 'mediumorchid') ColorValue = "#BA55D3"; if (ColorName == 'mediumpurple') ColorValue = "#9370DB"; if (ColorName == 'mediumseagreen') ColorValue = "#3CB371"; if (ColorName == 'mediumslateblue') ColorValue = "#7B68EE"; if (ColorName == 'mediumspringgreen') ColorValue = "#00FA9A"; if (ColorName == 'mediumturquoise') ColorValue = "#48D1CC"; if (ColorName == 'mediumvioletred') ColorValue = "#C71585"; if (ColorName == 'midnightblue') ColorValue = "#191970"; if (ColorName == 'mintcream') ColorValue = "#F5FFFA"; if (ColorName == 'mistyrose') ColorValue = "#FFE4E1"; if (ColorName == 'moccasin') ColorValue = "#FFE4B5"; if (ColorName == 'navajowhite') ColorValue = "#FFDEAD"; if (ColorName == 'navy') ColorValue = "#000080"; if (ColorName == 'oldlace') ColorValue = "#FDF5E6"; if (ColorName == 'olive') ColorValue = "#808000"; if (ColorName == 'olivedrab') ColorValue = "#6B8E23"; if (ColorName == 'orange') ColorValue = "#FFA500"; if (ColorName == 'orangered') ColorValue = "#FF4500"; if (ColorName == 'orchid') ColorValue = "#DA70D6"; if (ColorName == 'palegoldenrod') ColorValue = "#EEE8AA"; if (ColorName == 'palegreen') ColorValue = "#98FB98"; if (ColorName == 'paleturquoise') ColorValue = "#AFEEEE"; if (ColorName == 'palevioletred') ColorValue = "#DB7093"; if (ColorName == 'papayawhip') ColorValue = "#FFEFD5"; if (ColorName == 'peachpuff') ColorValue = "#FFDAB9"; if (ColorName == 'peru') ColorValue = "#CD853F"; if (ColorName == 'pink') ColorValue = "#FFC0CB"; if (ColorName == 'plum') ColorValue = "#DDA0DD"; if (ColorName == 'powderblue') ColorValue = "#B0E0E6"; if (ColorName == 'purple') ColorValue = "#800080"; if (ColorName == 'red') ColorValue = "#FF0000"; if (ColorName == 'rosybrown') ColorValue = "#BC8F8F"; if (ColorName == 'royalblue') ColorValue = "#4169E1"; if (ColorName == 'saddlebrown') ColorValue = "#8B4513"; if (ColorName == 'salmon') ColorValue = "#FA8072"; if (ColorName == 'sandybrown') ColorValue = "#F4A460"; if (ColorName == 'seagreen') ColorValue = "#2E8B57"; if (ColorName == 'seashell') ColorValue = "#FFF5EE"; if (ColorName == 'sienna') ColorValue = "#A0522D"; if (ColorName == 'silver') ColorValue = "#C0C0C0"; if (ColorName == 'skyblue') ColorValue = "#87CEEB"; if (ColorName == 'slateblue') ColorValue = "#6A5ACD"; if (ColorName == 'slategray') ColorValue = "#708090"; if (ColorName == 'snow') ColorValue = "#FFFAFA"; if (ColorName == 'springgreen') ColorValue = "#00FF7F"; if (ColorName == 'steelblue') ColorValue = "#4682B4"; if (ColorName == 'tan') ColorValue = "#D2B48C"; if (ColorName == 'teal') ColorValue = "#008080"; if (ColorName == 'thistle') ColorValue = "#D8BFD8"; if (ColorName == 'tomato') ColorValue = "#FF6347"; if (ColorName == 'turquoise') ColorValue = "#40E0D0"; if (ColorName == 'violet') ColorValue = "#EE82EE"; if (ColorName == 'wheat') ColorValue = "#F5DEB3"; if (ColorName == 'white') ColorValue = "#FFFFFF"; if (ColorName == 'whitesmoke') ColorValue = "#F5F5F5"; if (ColorName == 'yellow') ColorValue = "#FFFF00"; if (ColorName == 'yellowgreen') ColorValue = "#9ACD32"; document.bgColor = ColorName; form.CName.value = ColorName; form.CValue.value = ColorValue; } </SCRIPT>  <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> </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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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></FORM></P></TD></TR></TBODY></TABLE> </BODY></HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：var与Javascript变量隐式声明

下一篇：Javascript createElement和innerHTML增加页面元素的性能对比