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

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

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

以下为详细代码

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

相关阅读: asp利用函数生成指定位数的随机数字符串; div中设置文字垂直居中; 测试电脑硬件信息软件; 河南省中国青年旅行社文化路营业部; 连云港酒店预订; IE6在定义DIV最小高度时出现错误的解决方法; 深山行者留言系统V2.3; 易游天下通-中南国际旅游公司

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: 一个超级变态的DIV+CSS; DIV+CSS分页代码,放大镜分页效果; jquery获得当前所有input表单数据并进行序列化的各种问题与解决方案serialize与serializeArray的区别分析; 右击把当前页面添加到当地收藏夹; uni-app用map组件建立微信小程序显示商家地图位置并且打上标志然后点标志进行调用手机地图导航到对应的地址; CSS代码格式化和压缩化

更多标签热门标签

iframe 梦幻目标滚动条放大排序做标 label 键盘界面创业尺寸位置自动获取 exe 台历关键字重复 img 翻转 csss rnd 风格珍惜上传灰色 javascri 留言次数字体 CAD 数据变幻小偷还原获取顶部管理缩略图 box 图层 dd 高亮 weatherxml 自适应高度文章间隔结果返回 Javascript实现CSS代码高亮显示1 meta