一个利用radio单选选择框进行变色的网页效果 -- [色彩类别]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

一个利用radio单选选择框进行变色的网页效果

网络 2008/6/27 21:18:25 深山行者字体:大中小浏览 7342

以下为详细代码

一个利用radio单选选择框进行变色的网页效果

<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 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下拉选择框进行变色的网页效果

相关阅读: 做海外电商单页的facebook像素广告代码与相关事件处理; PS常用密技; 微信小程序打开客服提示：该小程序提供的服务出现故障，请稍后重试; Google的265导航站上顶部右边的logo上的眼珠特效 (兼容IE,FF); 亿菇缘; 利用CSS的position定位属性定义一个顶部飘动的柳叶效果非常酷; 微信小程序直播组件live-player-plugin（wx2b03c6e691cd7370）; ASP汉字转拼音，支持自定义特殊词语

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: 非常不错的支持各种浏览器的简易调色板; 背景调色板：状态栏还能显示颜色值; 手动调节背景色：背景色能用按钮进行手动调节; 页面文字变色、变大、还原; windows颜色选择框; 超级酷的滚动条颜色代码生成器

更多>>最新添加文章: 2026 aliyun阿里域名云注册续费优惠口令; dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起

更多>>随机抽取信息: 河南省中国青年旅行社文化路营业部; loading图片; Dreamweaver错误：以下翻译器没有被装载，由于错误;xsltransform.htm;有不正确的设置信息; 广西南宁美程国际旅行社有限公司; 右下角弹出框带关闭，非常不错，可以用于后台提示; Dreamweaver错误：在onload运行_beforeSave.htm时，发生了一个JavaScript错误

更多标签热门标签

em 定制 windows asp.net 展示 table 留言板硬件快捷展开滑动眼睛 ResponseXML 下拉框执行经典 mop jpg blog option 考试菜单自动隐藏层控制字节数超出深山行者V1.2旅行社网站管理系统 ctrl alert web2.0 后台 ewebeditor 旅游随机青春文件大小参数静态 display div的高度 ie6 站长 SEO 文件复制 msn DIV CSS做的透明菜单兼容IE、FF等插件生成