颜色快速采集器javascript代码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 颜色快速采集器javascript代码

Javascript: 自己开发Dojo的建议框架; js每次Title显示不同的名言; 不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术; 无限级别的菜单（侧拉菜单）; 点选TOP后并不是直接跳到页顶的，而是滚动上去; js下拉菜单中自动信息轮换播放; 英文首字母全大写的js实现脚本; 实例区别onClick和onDBClick两事件方法; 改变文本框字体颜色的js脚本; js星空效果代码; 判断li是否有样式的js代码; 文本框点击时文字消失，失去焦点时文字出现; 如何让一个层关闭之后，就算刷新页面了也不显示。除非关闭页面再次打开; 右下角弹出窗口效果代码; JS控制对象移动效果; 验证用户是否修改过页面的数据的实现方法; Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]; 正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度; EXT富客户端后台管理系统初步代码; 不同浏览器javascript变量作用域的处理方法

No. « ‹ 110 111 112 113 › »

技术文章搜索

关键字

Javascript 中的颜色快速采集器javascript代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 222 ::

收藏到网摘: n/a

Javascript createElement和innerHTML增加页面元素的性能对比 var与Javascript变量隐式声明

颜色快速采集器代码非常不错，大家可以参考下。把下面代码保存为：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>
<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>
</FORM></TD></TR></TBODY></TABLE>
</BODY></HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Javascript createElement和innerHTML增加页面元素的性能对比 var与Javascript变量隐式声明

Javascript 中的 颜色快速采集器javascript代码

评论 (0) All

Javascript 中的颜色快速采集器javascript代码