网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
色彩类别
> 正文
一个利用radio单选选择框进行变色的网页效果
网络 2008/6/27 21:18:25 深山行者 字体:
大
中
小
浏览 8683
以下为详细代码
一个利用radio单选选择框进行变色的网页效果 <!--第一步:此代码放在<head>与</head>之间 --> <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> <!--第二步:此代码放在<body>与</body>之间--> <form method="POST" name="bgcolor"> <center> <font size="3"><b>颜色名称:</b> <input type="text" name="CName" size=21> <br> <b>颜色数值:</b> <input type="text" name="CValue" size=21> </font> <br> <br> </center> <center> <table border=2 cellpadding=5 cellspacing=3 width=100%> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'aliceblue')"> 艾利斯兰 </td> <td width="25%"> <input name="bgcolor" type=radio checked onClick="ChangeColor(this.form, 'antiquewhite')"> 古董白 </td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'aqua')"> 浅绿色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'aquamarine')"> 碧绿色</td> </tr> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'azure')"> 天蓝色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'beige')"> 米色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'bisque')"> 桔黄色 </td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'black')"> 黑色</td> </tr> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'blanchedalmond')"> 白杏色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'blue')"> 蓝色 </td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'blueviolet')"> 紫罗兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'brown')"> 褐色</td> </tr> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'burlywood')"> 实木色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'cadetblue')"> 军兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'chartreuse')"> 黄绿色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'chocolate')"> 巧可力色 </td> </tr> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'coral')"> 珊瑚色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'cornflowerblue')"> 菊兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'cornsilk')"> 米绸色 </td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'crimson')"> 暗深红色</td> </tr> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'cyan')"> 青色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkblue')"> 暗蓝色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkcyan')"> 暗青色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkgoldenrod')"> 暗金黄色</td> </tr> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkgray')"> 暗灰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkgreen')"> 暗绿色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkkhaki')"> 暗黄褐色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkmagenta')"> 暗洋红 </td> </tr> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkolivegreen')"> 暗橄榄绿</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkorange')"> 暗桔黄色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkorchid')"> 暗紫色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkred')"> 暗红色</td> </tr> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darksalmon')"> 暗肉色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkseagreen')"> 暗海兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkslateblue')"> 暗灰蓝色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkslategray')"> 墨绿色 </td> </tr> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkturquoise')"> 暗宝石绿</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'darkviolet')"> 暗紫罗兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'deeppink')"> 深粉红色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'deepskyblue')"> 深天蓝色</td> </tr> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'dimgray')"> 暗灰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'dodgerblue')"> 闪兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'firebrick')"> 火砖色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'floralwhite')"> 花白色 </td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'forestgreen')"> 森林绿 </td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'fuchsia')"> 紫红色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'gainsboro')"> 淡灰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'ghostwhite')"> 幽灵白</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'gold')"> 金色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'goldenrod')"> 金麒麟色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'gray')"> 灰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'green')"> 绿色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'greenyellow')"> 黄绿色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'honeydew')"> 蜜色 </td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'hotpink')"> 热粉红色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'indianred')"> 印第安红</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'indigo')"> 靛青色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'ivory')"> 象牙色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'khaki')"> 黄褐色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lavender')"> 淡紫色 </td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lavenderblush')"> 淡紫红</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lawngreen')"> 草绿色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lemonchiffon')"> 柠檬绸色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightblue')"> 亮蓝色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightcoral')"> 亮珊瑚色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightcyan')"> 亮青色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightgoldenrodyellow')"> 亮金黄色 </td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightgreen')"> 亮绿色 </td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightgrey')"> 亮灰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightpink')"> 亮粉红色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightsalmon')"> 亮肉色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightseagreen')"> 亮海蓝色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightskyblue')"> 亮天蓝色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightslategray')"> 亮蓝灰</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightsteelblue')"> 亮钢兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lightyellow')"> 亮黄色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'lime')"> 酸橙色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'limegreen')"> 橙绿以</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'linen')"> 亚麻色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'magenta')"> 红紫色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'maroon')"> 粟色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'mediumaquamarine')"> 间绿色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'mediumblue')"> 间兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'mediumorchid')"> 间紫色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'mediumpurple')"> 间紫色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'mediumseagreen')"> 间海蓝</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'mediumslateblue')"> 间暗蓝色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'mediumspringgreen')"> 间春绿色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'mediumturquoise')"> 间绿宝石</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'mediumvioletred')"> 间紫罗兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'midnightblue')"> 中灰兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'mintcream')"> 薄荷色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'mistyrose')"> 浅玫瑰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'moccasin')"> 鹿皮色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'navajowhite')"> 纳瓦白</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'navy')"> 海军色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'oldlace')"> 老花色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'olive')"> 橄榄色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'olivedrab')"> 深绿褐色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'orange')"> 橙色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'orangered')"> 红橙色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'orchid')"> 淡紫色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'palegoldenrod')"> 苍麒麟色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'palegreen')"> 苍绿色 </td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'paleturquoise')"> 苍宝石绿 </td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'palevioletred')"> 苍紫罗兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'papayawhip')"> 番木色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'peachpuff')"> 桃色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'peru')"> 秘鲁色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'pink')"> 粉红色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'plum')"> 洋李色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'powderblue')"> 粉蓝色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'purple')"> 紫色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'red')"> 红色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'rosybrown')"> 褐玫瑰红</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'royalblue')"> 皇家蓝</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'saddlebrown')"> 重褐色 </td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'salmon')"> 鲜肉色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'sandybrown')"> 沙褐色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'seagreen')"> 海绿色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'seashell')"> 海贝色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'sienna')"> 赭色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'silver')"> 银色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'skyblue')"> 天蓝色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'slateblue')"> 石蓝色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'slategray')"> 灰石色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'snow')"> 雪白色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'springgreen')"> 春绿色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'steelblue')"> 钢兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'tan')"> 茶色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'teal')"> 水鸭色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'thistle')"> 蓟色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'tomato')"> 西红柿色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'turquoise')"> 青绿色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'violet')"> 紫罗兰色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'wheat')"> 浅黄色</td> <tr> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'white')"> 白色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'whitesmoke')"> 烟白色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'yellow')"> 黄色</td> <td width="25%"> <input name="bgcolor" type=radio onClick="ChangeColor(this.form, 'yellowgreen')"> 黄绿色</td> </tr> </table> </center> <p> </form>
前一页:
利用JAVAscript实现表格渐变
后一页:
一个利用select下拉选择框进行变色的网页效果
相关阅读
华东宾馆网站
非常酷的javascript实现万年历功能
IE8 CSS HACK 兼容
asp读取163的rss之xml数据
javascript根据内容转换为拼音
CSS中的单位一览 包括宽度尺寸单位 颜色单位 角度单位
另外一种符合web2.0的链接打开方式--利用base打开链接
uni-app基础知识列表渲染
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
非常不错的支持各种浏览器的简易调色板
背景调色板:状态栏还能显示颜色值
手动调节背景色:背景色能用按钮进行手动调节
页面文字变色、变大、还原
windows颜色选择框
超级酷的滚动条颜色代码生成器
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
当前流行的四款常用浏览器最客观的评测
判断输入字符串中是否含有危险字符
uniapp的rich-text组件注入的a标签点击跳转处理
利用asp相关的函数动态更新access数据库
ewebeditor 删除信息时同时删除相关上传文件
复选框添加,删除信息,过滤重复
更多标签
热门标签
对联
Excel
缩放
web2.0
客户端
文本
用户体验
尺寸
展开
放大
我想你
等待
display
柱状
黑白
工具
调色
border
media
虚拟
Margin加倍
绝对管用的iis安装包下载
方法
经典的
三级
选择符
目标
边界重叠
清除
缓存
滑过
转换
DIV+CSS做的透明菜单兼容IE、FF等
表单
电影
幻灯
max
九宫格
变幻
Request
全选
排序
JS效果
透明
javascri
标注
txt
日历
Dreamweaver
文件大小
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号