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

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

Javascript: js支持158、159开头的手机号的验证; javascript学习网址备忘; JScript的条件编译; [原创]站长必须要知道的javascript广告代码; js实现的点击超链显示隐藏层; JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子; JavaScript 不只是脚本; 把JS与CSS写在同一个文件里的书写方法; Javascript & DHTML 实例编程（教程）基础知识; Javascript & DHTML 实例编程（教程）DOM基础和基本API; javascript实现的一个图片转移效果; 用js实现键盘方向键翻页功能的代码; js实现DIV的一些简单控制; 用CSS+JS实现的进度条效果效果; 爱恋千雪-US-AscII加密解密工具（网页加密）下载; 用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口; 非常不错的页面特效建议大家看下; javascript Zifa FormValid 0.1表单验证代码打包下载; 实现javascript的延期执行或者重复执行的两个函数; 推荐一个不错的图片浏览效果

No. « ‹ 69 70 71 72 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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代码