一些用过的方法集
1.数组联动js.html
<html>
<head>
<title>List</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script LANGUAGE="javascript">
<!--
var onecount;
onecount=0;
subcat = new Array();
subcat[0] = new Array("徐汇区","01","001");
subcat[1] = new Array("嘉定区","01","002");
subcat[2] = new Array("黄浦区","01","003");
subcat[3] = new Array("南昌市","02","004");
subcat[4] = new Array("九江市","02","005");
subcat[5] = new Array("上饶市","02","006");
onecount=6;
function changelocation(locationid)
{
document.myform.smalllocation.length = 0;
var locationid=locationid;
var i;
document.myform.smalllocation.options[0] = new Option('====所有地区====','');
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == locationid)
{
document.myform.smalllocation.options[document.myform.smalllocation.length]
= new Option(subcat[i][0], subcat[i][2]);
}
}
}
//-->
</script>
</head>
<body>
<form name="myform" method="post">
<select name="biglocation"
onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)">
<option value="01" selected>上海</option>
<option value="02">江西</option>
</select>
<select name="smalllocation">
<option selected value="">==所有地区==</option>
</select>
</form>
<script LANGUAGE="javascript">
<!--
changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value);
//-->
</script>
</body>
</html>
2.下拉选择改变textarea框内容.htm
<html>
<head>
<title>下拉选择改变textarea框内容</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<style type="text/css">
<!--
.css1 { font-size: 10pt; font-weight: bolder; color: #000000; text-decoration: none}
.css2 { font-size: 12pt; font-weight: bolder; color: #000000; text-decoration: none}
.css3 { font-size: 9pt; font-weight: lighter; color: #000000}
.css4 { font-size: 10pt; font-weight: bold; color: #000000}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000" topmargin="30" marginheight="30">
<script language="javascript">
function SetDownMsg(s) {
var strMode, strMsg;
strMode = s.options[s.selectedIndex].value;
if (strMode == "DBUpdate") strMsg = "可以将代码直接复制到需要的位置以确定显示位置。方法是：在视图编缉状态下将鼠标移到所需位置 点击，然后切换到HTML编缉状态，将代码粘贴到光标所在位置。";
if (strMode == "bbsUpdate") strMsg = "要注意文字中不能有空格。";
if (strMode == "bbsAdjust") strMsg = "欢迎光临七色风网页家园";
if (strMode == "Other") strMsg = "请把你的问题来信告诉我们。！";
if (s.selectedIndex != 0) document.form1.DownMessage.value = strMsg;
return 1;
}
</script><div id="Layer1" style="position:absolute; left:594px; top:30px; width:99px; height:391px; z-index:1; visibility: hidden">
<table width="100%" border="3" bordercolor="#E28EEE">
<tr>
<td height="35" bgcolor="#FCE3FD" align="center" class="css1">使用提示</td>
</tr>
<tr>
<td height="344" bgcolor="#FFFFFF" class="css4"> </td>
</tr>
</table>
</div>
<table width="415" border="3" bordercolor="#E28EEE" cellspacing="2" align="center">
<tr>
<td height="69" width="415"><a href="http://www.7wind.com/" target="_blank"><img src="../../sxym/image/05sx.gif" width="400" height="66" border="0"></a></td>
</tr>
<tr>
<td bgcolor="#E28EEE" align="center" height="1"><font color="#000000" size="3"><img src="../image/sam.gif" width="1" height="1"></font></td>
</tr>
<tr>
<td>
<table width="84%" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td align="center" height="5"><img src="../image/sam.gif" width="1" height="1"></td>
</tr>
<tr>
<td align="center" height="30" class="css2"> 下拉选择改变textarea框内容</td>
</tr>
<tr>
<td align="center" height="15">
<hr noshade>
</td>
</tr>
<tr>
<td height="30" align="center" valign="middle">
<p><span class="css3">演示效果：在下拉杠中选择看下面的文本框的变化</span></p>
<p><select name="StopMode" onchange="SetDownMsg(this)">
<option value="nouse">请选择...</option>
<option value="DBUpdate">使用提示</option>
<option value="bbsUpdate">使用注意</option>
<option value="bbsAdjust">欢迎光临</option>
<option value="Other">其他...</option>
</select></p>
</td>
</tr>
<tr>
<td height="30" align="center" valign="middle"><span class="css3">代码提示：下面的内容根据下拉框的不同而不同</span></td>
</tr>
<tr>
<td align="center">
<form name="form1" method="post" action="">
<textarea name="DownMessage" wrap="soft" cols="35" rows="9" style="BACKGROUND-COLOR: #FCE3FD">将下面的代码复制到〈BODY〉区
<script language="javascript">
function SetDownMsg(s) {
var strMode, strMsg;
strMode = s.options[s.selectedIndex].value;
if (strMode == "DBUpdate") strMsg = "论坛正在升级数据库中……，请等待。";
if (strMode == "bbsUpdate") strMsg = "论坛正在升级中……，暂时关闭，请等待几分钟。";
if (strMode == "bbsAdjust") strMsg = "论坛正在调整中，暂时无法访问。";
if (strMode == "Other") strMsg = "论坛由于特殊原因暂时关闭，谢谢你的支持！";
if (s.selectedIndex != 0) document.form1.DownMessage.value = strMsg;
return 1;
}
</script>
<form action="admin.asp" method="post" name="form1">
<textarea cols="75" rows="10" name="DownMessage" wrap="soft"></textarea>
</form>
<center>预定模式：
<select name="StopMode" onchange="SetDownMsg(this)">
<option value="nouse">请选择...</option>
<option value="DBUpdate">数据库升级</option>
<option value="bbsUpdate">论坛升级中</option>
<option value="bbsAdjust">论坛调整中</option>
<option value="Other">其他原因...</option>
</select>
</textarea>
</form>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#FCE3FD" align="center" valign="middle" height="23"><span class="css1" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">使用提示</span><font size="2"><b>
</b></font><a href="../wytx.htm" class="css1">返回目录</a></td>
</tr>
</table>
</body>
</html>
3.颜色表.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<p>在 HTML 页面中可以两种方式指定颜色──以颜色名称或者表示 RGB 颜色值的数字。一个 RGB 颜色值由三个两位十六进制数字组成，分别代表各自的颜色强度。</p>
<p>例如，颜色值 #FF0000 之所以被渲染为红色，是因为红色的值达到了最高值 FF (等于十进制的 255)。</p>
<p>当你使用 <a href="http://spaces.msn.com/objects/DOCTYPE.html"><u><font color="#0000ff">!DOCTYPE</font></u></a> 声明指定为标准兼容模式时，Microsoft<sup>?</sup> Internet Explorer 6 和以后版本将忽略不遵从样式表(CSS)级别 1 的样式表声明。根据 CSS 1，以十六进制 RGB 值指定的颜色必须带有前导“#”字符。像“FFFFFF”这样的值将被忽略，而不会被理解为“#FFFFFF”(即白色)，但 Internet Explorer 的先前版本是这么理解的。这影响所有接受颜色值的属性。</p>
<div><b>注意</b> 尽管这些颜色名称可能不被其它浏览器使用，但 RGB 颜色值应该可以在不同浏览器间正确显示。如果想要为跨越不同浏览器工作的 Web 页指定颜色值，那么应该使用 RGB 颜色值。</div>
<p>下表列出了 Internet Explorer 4.0 支持的颜色。</p>
<table cellspacing=5 cellpadding=0 bgcolor=gray border=5>
<tbody>
<tr>
<td style="background:aliceblue" align=middle>aliceblue<br>(#F0F8FF)</td>
<td style="background:antiquewhite" align=middle>antiquewhite<br>(#FAEBD7)</td>
<td style="background:aqua" align=middle>aqua<br>(#00FFFF)</td>
<td style="background:aquamarine" align=middle>aquamarine<br>(#7FFFD4)</td></tr>
<tr>
<td style="background:azure" align=middle>azure<br>(#F0FFFF)</td>
<td style="background:beige" align=middle>beige<br>(#F5F5DC)</td>
<td style="background:bisque" align=middle>bisque<br>(#FFE4C4)</td>
<td style="background:black;color:white" align=middle>black<br>(#000000)</td></tr>
<tr>
<td style="background:blanchedalmond" align=middle>blanchedalmond<br>(#FFEBCD)</td>
<td style="background:#0000ff" align=middle>blue<br>(#0000FF)</td>
<td style="background:#8a2be2" align=middle>blueviolet<br>(#8A2BE2)</td>
<td style="background:brown" align=middle>brown<br>(#A52A2A)</td></tr>
<tr>
<td style="background:burlywood" align=middle>burlywood<br>(#DEB887)</td>
<td style="background:cadetblue" align=middle>cadetblue<br>(#5F9EA0)</td>
<td style="background:chartreuse" align=middle>chartreuse<br>(#7FFF00)</td>
<td style="background:chocolate" align=middle>chocolate<br>(#D2691E)</td></tr>
<tr>
<td style="background:coral" align=middle>coral<br>(#FF7F50)</td>
<td style="background:#6495ed" align=middle>cornflowerblue<br>(#6495ED)</td>
<td style="background:cornsilk" align=middle>cornsilk<br>(#FFF8DC)</td>
<td style="background:crimson" align=middle>crimson<br>(#DC143C)</td></tr>
<tr>
<td style="background:cyan" align=middle>cyan<br>(#00FFFF)</td>
<td style="background:darkblue;color:white" align=middle>darkblue<br>(#00008B)</td>
<td style="background:darkcyan" align=middle>darkcyan<br>(#008B8B)</td>
<td style="background:darkgoldenrod" align=middle>darkgoldenrod<br>(#B8860B)</td></tr>
<tr>
<td style="background:darkgray" align=middle>darkgray<br>(#A9A9A9)</td>
<td style="background:darkgreen" align=middle>darkgreen<br>(#006400)</td>
<td style="background:darkkhaki" align=middle>darkkhaki<br>(#BDB76B)</td>
<td style="background:darkmagenta" align=middle>darkmagenta<br>(#8B008B)</td></tr>
<tr>
<td style="background:darkolivegreen" align=middle>darkolivegreen<br>(#556B2F)</td>
<td style="background:darkorange" align=middle>darkorange<br>(#FF8C00)</td>
<td style="background:darkorchid" align=middle>darkorchid<br>(#9932CC)</td>
<td style="background:darkred" align=middle>darkred<br>(#8B0000)</td></tr>
<tr>
<td style="background:darksalmon" align=middle>darksalmon<br>(#E9967A)</td>
<td style="background:darkseagreen" align=middle>darkseagreen<br>(#8FBC8B)</td>
<td style="background:darkslateblue" align=middle>darkslateblue<br>(#483D8B)</td>
<td style="background:darkslategray" align=middle>darkslategray<br>(#2F4F4F)</td></tr>
<tr>
<td style="background:darkturquoise" align=middle>darkturquoise<br>(#00CED1)</td>
<td style="background:darkviolet" align=middle>darkviolet<br>(#9400D3)</td>
<td style="background:deeppink" align=middle>deeppink<br>(#FF1493)</td>
<td style="background:deepskyblue" align=middle>deepskyblue<br>(#00BFFF)</td></tr>
<tr>
<td style="background:dimgray" align=middle>dimgray<br>(#696969)</td>
<td style="background:dodgerblue" align=middle>dodgerblue<br>(#1E90FF)</td>
<td style="background:firebrick" align=middle>firebrick<br>(#B22222)</td>
<td style="background:floralwhite" align=middle>floralwhite<br>(#FFFAF0)</td></tr>
<tr>
<td style="background:forestgreen" align=middle>forestgreen<br>(#228B22)</td>
<td style="background:#ff00ff" align=middle>fuchsia<br>(#FF00FF)</td>
<td style="background:gainsboro" align=middle>gainsboro<br>(#DCDCDC)</td>
<td style="background:ghostwhite" align=middle>ghostwhite<br>(#F8F8FF)</td></tr>
<tr>
<td style="background:gold" align=middle>gold<br>(#FFD700)</td>
<td style="background:goldenrod" align=middle>goldenrod<br>(#DAA520)</td>
<td style="background:gray" align=middle>gray<br>(#808080)</td>
<td style="background:green" align=middle>green<br>(#008000)</td></tr>
<tr>
<td style="background:greenyellow" align=middle>greenyellow<br>(#ADFF2F)</td>
<td style="background:honeydew" align=middle>honeydew<br>(#F0FFF0)</td>
<td style="background:hotpink" align=middle>hotpink<br>(#FF69B4)</td>
<td style="background:indianred" align=middle>indianred<br>(#CD5C5C)</td></tr>
<tr>
<td style="background:indigo;color:white" align=middle>indigo<br>(#4B0082)</td>
<td style="background:ivory" align=middle>ivory<br>(#FFFFF0)</td>
<td style="background:khaki" align=middle>khaki<br>(#F0E68C)</td>
<td style="background:lavender" align=middle>lavender<br>(#E6E6FA)</td></tr>
<tr>
<td style="background:lavenderblush" align=middle>lavenderblush<br>(#FFF0F5)</td>
<td style="background:lawngreen" align=middle>lawngreen<br>(#7CFC00)</td>
<td style="background:lemonchiffon" align=middle>lemonchiffon<br>(#FFFACD)</td>
<td style="background:lightblue" align=middle>lightblue<br>(#ADD8E6)</td></tr>
<tr>
<td style="background:lightcoral" align=middle>lightcoral<br>(#F08080)</td>
<td style="background:lightcyan" align=middle>lightcyan<br>(#E0FFFF)</td>
<td style="background:lightgoldenrodyellow" align=middle>lightgoldenrodyellow<br>(#FAFAD2)</td>
<td style="background:lightgreen" align=middle>lightgreen<br>(#90EE90)</td></tr>
<tr>
<td style="background:lightgrey" align=middle>lightgrey<br>(#D3D3D3)</td>
<td style="background:lightpink" align=middle>lightpink<br>(#FFB6C1)</td>
<td style="background:lightsalmon" align=middle>lightsalmon<br>(#FFA07A)</td>
<td style="background:lightseagreen" align=middle>lightseagreen<br>(#20B2AA)</td></tr>
<tr>
<td style="background:lightskyblue" align=middle>lightskyblue<br>(#87CEFA)</td>
<td style="background:lightslategray" align=middle>lightslategray<br>(#778899)</td>
<td style="background:lightsteelblue" align=middle>lightsteelblue<br>(#B0C4DE)</td>
<td style="background:lightyellow" align=middle>lightyellow<br>(#FFFFE0)</td></tr>
<tr>
<td style="background:lime" align=middle>lime<br>(#00FF00)</td>
<td style="background:limegreen" align=middle>limegreen<br>(#32CD32)</td>
<td style="background:linen" align=middle>linen<br>(#FAF0E6)</td>
<td style="background:magenta" align=middle>magenta<br>(#FF00FF)</td></tr>
<tr>
<td style="background:maroon" align=middle>maroon<br>(#800000)</td>
<td style="background:mediumaquamarine" align=middle>mediumaquamarine<br>(#66CDAA)</td>
<td style="background:mediumblue;color:white" align=middle>mediumblue<br>(#0000CD)</td>
<td style="background:mediumorchid" align=middle>mediumorchid<br>(#BA55D3)</td></tr>
<tr>
<td style="background:mediumpurple" align=middle>mediumpurple<br>(#9370DB)</td>
<td style="background:mediumseagreen" align=middle>mediumseagreen<br>(#3CB371)</td>
<td style="background:mediumslateblue" align=middle>mediumslateblue<br>(#7B68EE)</td>
<td style="background:mediumspringgreen" align=middle>mediumspringgreen<br>(#00FA9A)</td></tr>
<tr>
<td style="background:mediumturquoise" align=middle>mediumturquoise<br>(#48D1CC)</td>
<td style="background:mediumvioletred" align=middle>mediumvioletred<br>(#C71585)</td>
<td style="background:midnightblue;color:white" align=middle>midnightblue<br>(#191970)</td>
<td style="background:mintcream" align=middle>mintcream<br>(#F5FFFA)</td></tr>
<tr>
<td style="background:mistyrose" align=middle>mistyrose<br>(#FFE4E1)</td>
<td style="background:moccasin" align=middle>moccasin<br>(#FFE4B5)</td>
<td style="background:navajowhite" align=middle>navajowhite<br>(#FFDEAD)</td>
<td style="background:navy;color:white" align=middle>navy<br>(#000080)</td></tr>
<tr>
<td style="background:oldlace" align=middle>oldlace<br>(#FDF5E6)</td>
<td style="background:olive" align=middle>olive<br>(#808000)</td>
<td style="background:olivedrab" align=middle>olivedrab<br>(#6B8E23)</td>
<td style="background:orange" align=middle>orange<br>(#FFA500)</td></tr>
<tr>
<td style="background:orangered" align=middle>orangered<br>(#FF4500)</td>
<td style="background:orchid" align=middle>orchid<br>(#DA70D6)</td>
<td style="background:palegoldenrod" align=middle>palegoldenrod<br>(#EEE8AA)</td>
<td style="background:palegreen" align=middle>palegreen<br>(#98FB98)</td></tr>
<tr>
<td style="background:paleturquoise" align=middle>paleturquoise<br>(#AFEEEE)</td>
<td style="background:palevioletred" align=middle>palevioletred<br>(#DB7093)</td>
<td style="background:papayawhip" align=middle>papayawhip<br>(#FFEFD5)</td>
<td style="background:peachpuff" align=middle>peachpuff<br>(#FFDAB9)</td></tr>
<tr>
<td style="background:peru" align=middle>peru<br>(#CD853F)</td>
<td style="background:pink" align=middle>pink<br>(#FFC0CB)</td>
<td style="background:plum" align=middle>plum<br>(#DDA0DD)</td>
<td style="background:powderblue" align=middle>powderblue<br>(#B0E0E6)</td></tr>
<tr>
<td style="background:purple" align=middle>purple<br>(#800080)</td>
<td style="background:red" align=middle>red<br>(#FF0000)</td>
<td style="background:rosybrown" align=middle>rosybrown<br>(#BC8F8F)</td>
<td style="background:royalblue" align=middle>royalblue<br>(#4169E1)</td></tr>
<tr>
<td style="background:saddlebrown" align=middle>saddlebrown<br>(#8B4513)</td>
<td style="background:salmon" align=middle>salmon<br>(#FA8072)</td>
<td style="background:sandybrown" align=middle>sandybrown<br>(#F4A460)</td>
<td style="background:seagreen" align=middle>seagreen<br>(#2E8B57)</td></tr>
<tr>
<td style="background:seashell" align=middle>seashell<br>(#FFF5EE)</td>
<td style="background:sienna" align=middle>sienna<br>(#A0522D)</td>
<td style="background:silver" align=middle>silver<br>(#C0C0C0)</td>
<td style="background:skyblue" align=middle>skyblue<br>(#87CEEB)</td></tr>
<tr>
<td style="background:slateblue" align=middle>slateblue<br>(#6A5ACD)</td>
<td style="background:slategray" align=middle>slategray<br>(#708090)</td>
<td style="background:snow" align=middle>snow<br>(#FFFAFA)</td>
<td style="background:springgreen" align=middle>springgreen<br>(#00FF7F)</td></tr>
<tr>
<td style="background:steelblue" align=middle>steelblue<br>(#4682B4)</td>
<td style="background:tan" align=middle>tan<br>(#D2B48C)</td>
<td style="background:teal" align=middle>teal<br>(#008080)</td>
<td style="background:thistle" align=middle>thistle<br>(#D8BFD8)</td></tr>
<tr>
<td style="background:tomato" align=middle>tomato<br>(#FF6347)</td>
<td style="background:turquoise" align=middle>turquoise<br>(#40E0D0)</td>
<td style="background:violet" align=middle>violet<br>(#EE82EE)</td>
<td style="background:wheat" align=middle>wheat<br>(#F5DEB3)</td></tr>
<tr>
<td style="background:white" align=middle>white<br>(#FFFFFF)</td>
<td style="background:whitesmoke" align=middle>whitesmoke<br>(#F5F5F5)</td>
<td style="background:yellow" align=middle>yellow<br>(#FFFF00)</td>
<td style="background:yellowgreen" align=middle>yellowgreen<br>(#9ACD32)</td></tr></tbody></table>
<h2><a></a>用户定义的系统颜色</h2>
<p>Microsoft<sup>?</sup> Windows<sup>?</sup> 维护着一组用于绘制用户界面不同部分的系统颜色。除了定义在颜色表中的颜色，在 Internet Explorer 4.0 中也可正常显示以下系统颜色指定为颜色值的 Web 页。</p>
<p>用户可以使用 Windows 控制面板设置用于将来 Windows 会话的系统颜色。下表演示了定义在控制面板中的颜色名称的对应情况。</p>
<div><b>注意</b> 不对应任何控制面板的颜色只可使用 Windows API 编程设置，用户无法定义。</div>
<table cellspacing=5 cellpadding=5 bgcolor=gray border=5>
<tbody>
<tr>
<td style="background:activeborder" align=middle>activeborder</td>
<td style="background:activecaption;color:captiontext" align=middle>activecaption</td>
<td style="background:appworkspace" align=middle>appworkspace</td>
<td style="background:background" align=middle>background</td></tr>
<tr>
<td style="background:buttonface" align=middle>buttonface</td>
<td style="background:buttonhighlight" align=middle>buttonhighlight</td>
<td style="background:buttonshadow" align=middle>buttonshadow</td>
<td style="background:buttontext;color:buttonface" align=middle>buttontext</td></tr>
<tr>
<td style="background:captiontext" align=middle>captiontext</td>
<td style="background:graytext" align=middle>graytext</td>
<td style="background:highlight;color:highlighttext" align=middle>highlight</td>
<td style="background:highlighttext" align=middle>highlighttext</td></tr>
<tr>
<td style="background:inactiveborder" align=middle>inactiveborder</td>
<td style="background:inactivecaption;color:captiontext" align=middle>inactivecaption</td>
<td style="background:inactivecaptiontext" align=middle>inactivecaptiontext</td>
<td style="background:infobackground" align=middle>infobackground</td></tr>
<tr>
<td style="background:infotext;color:infobackground" align=middle>infotext</td>
<td style="background:menu" align=middle>menu</td>
<td style="background:menutext;color:menu" align=middle>menutext</td>
<td style="background:scrollbar" align=middle>scrollbar</td></tr>
<tr>
<td style="background:threeddarkshadow;color:buttonface" align=middle>threeddarkshadow</td>
<td style="background:buttonface" align=middle>threedface</td>
<td style="background:buttonhighlight" align=middle>threedhighlight</td>
<td style="background:threedlightshadow" align=middle>threedlightshadow</td></tr>
<tr>
<td style="background:buttonshadow" align=middle>threedshadow</td>
<td style="background:window" align=middle>window</td>
<td style="background:windowframe;color:window" align=middle>windowframe</td>
<td style="background:windowtext;color:window" align=middle>windowtext</td></tr></tbody></table>
</body>
</html>
<html>
<head>
<title>List</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script LANGUAGE="javascript">
<!--
var onecount;
onecount=0;
subcat = new Array();
subcat[0] = new Array("徐汇区","01","001");
subcat[1] = new Array("嘉定区","01","002");
subcat[2] = new Array("黄浦区","01","003");
subcat[3] = new Array("南昌市","02","004");
subcat[4] = new Array("九江市","02","005");
subcat[5] = new Array("上饶市","02","006");
onecount=6;
function changelocation(locationid)
{
document.myform.smalllocation.length = 0;
var locationid=locationid;
var i;
document.myform.smalllocation.options[0] = new Option('====所有地区====','');
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == locationid)
{
document.myform.smalllocation.options[document.myform.smalllocation.length]
= new Option(subcat[i][0], subcat[i][2]);
}
}
}
//-->
</script>
</head>
<body>
<form name="myform" method="post">
<select name="biglocation"
onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)">
<option value="01" selected>上海</option>
<option value="02">江西</option>
</select>
<select name="smalllocation">
<option selected value="">==所有地区==</option>
</select>
</form>
<script LANGUAGE="javascript">
<!--
changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value);
//-->
</script>
</body>
</html>
2.下拉选择改变textarea框内容.htm
<html>
<head>
<title>下拉选择改变textarea框内容</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<style type="text/css">
<!--
.css1 { font-size: 10pt; font-weight: bolder; color: #000000; text-decoration: none}
.css2 { font-size: 12pt; font-weight: bolder; color: #000000; text-decoration: none}
.css3 { font-size: 9pt; font-weight: lighter; color: #000000}
.css4 { font-size: 10pt; font-weight: bold; color: #000000}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000" topmargin="30" marginheight="30">
<script language="javascript">
function SetDownMsg(s) {
var strMode, strMsg;
strMode = s.options[s.selectedIndex].value;
if (strMode == "DBUpdate") strMsg = "可以将代码直接复制到需要的位置以确定显示位置。方法是：在视图编缉状态下将鼠标移到所需位置 点击，然后切换到HTML编缉状态，将代码粘贴到光标所在位置。";
if (strMode == "bbsUpdate") strMsg = "要注意文字中不能有空格。";
if (strMode == "bbsAdjust") strMsg = "欢迎光临七色风网页家园";
if (strMode == "Other") strMsg = "请把你的问题来信告诉我们。！";
if (s.selectedIndex != 0) document.form1.DownMessage.value = strMsg;
return 1;
}
</script><div id="Layer1" style="position:absolute; left:594px; top:30px; width:99px; height:391px; z-index:1; visibility: hidden">
<table width="100%" border="3" bordercolor="#E28EEE">
<tr>
<td height="35" bgcolor="#FCE3FD" align="center" class="css1">使用提示</td>
</tr>
<tr>
<td height="344" bgcolor="#FFFFFF" class="css4"> </td>
</tr>
</table>
</div>
<table width="415" border="3" bordercolor="#E28EEE" cellspacing="2" align="center">
<tr>
<td height="69" width="415"><a href="http://www.7wind.com/" target="_blank"><img src="../../sxym/image/05sx.gif" width="400" height="66" border="0"></a></td>
</tr>
<tr>
<td bgcolor="#E28EEE" align="center" height="1"><font color="#000000" size="3"><img src="../image/sam.gif" width="1" height="1"></font></td>
</tr>
<tr>
<td>
<table width="84%" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td align="center" height="5"><img src="../image/sam.gif" width="1" height="1"></td>
</tr>
<tr>
<td align="center" height="30" class="css2"> 下拉选择改变textarea框内容</td>
</tr>
<tr>
<td align="center" height="15">
<hr noshade>
</td>
</tr>
<tr>
<td height="30" align="center" valign="middle">
<p><span class="css3">演示效果：在下拉杠中选择看下面的文本框的变化</span></p>
<p><select name="StopMode" onchange="SetDownMsg(this)">
<option value="nouse">请选择...</option>
<option value="DBUpdate">使用提示</option>
<option value="bbsUpdate">使用注意</option>
<option value="bbsAdjust">欢迎光临</option>
<option value="Other">其他...</option>
</select></p>
</td>
</tr>
<tr>
<td height="30" align="center" valign="middle"><span class="css3">代码提示：下面的内容根据下拉框的不同而不同</span></td>
</tr>
<tr>
<td align="center">
<form name="form1" method="post" action="">
<textarea name="DownMessage" wrap="soft" cols="35" rows="9" style="BACKGROUND-COLOR: #FCE3FD">将下面的代码复制到〈BODY〉区
<script language="javascript">
function SetDownMsg(s) {
var strMode, strMsg;
strMode = s.options[s.selectedIndex].value;
if (strMode == "DBUpdate") strMsg = "论坛正在升级数据库中……，请等待。";
if (strMode == "bbsUpdate") strMsg = "论坛正在升级中……，暂时关闭，请等待几分钟。";
if (strMode == "bbsAdjust") strMsg = "论坛正在调整中，暂时无法访问。";
if (strMode == "Other") strMsg = "论坛由于特殊原因暂时关闭，谢谢你的支持！";
if (s.selectedIndex != 0) document.form1.DownMessage.value = strMsg;
return 1;
}
</script>
<form action="admin.asp" method="post" name="form1">
<textarea cols="75" rows="10" name="DownMessage" wrap="soft"></textarea>
</form>
<center>预定模式：
<select name="StopMode" onchange="SetDownMsg(this)">
<option value="nouse">请选择...</option>
<option value="DBUpdate">数据库升级</option>
<option value="bbsUpdate">论坛升级中</option>
<option value="bbsAdjust">论坛调整中</option>
<option value="Other">其他原因...</option>
</select>
</textarea>
</form>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#FCE3FD" align="center" valign="middle" height="23"><span class="css1" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">使用提示</span><font size="2"><b>
</b></font><a href="../wytx.htm" class="css1">返回目录</a></td>
</tr>
</table>
</body>
</html>
3.颜色表.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<p>在 HTML 页面中可以两种方式指定颜色──以颜色名称或者表示 RGB 颜色值的数字。一个 RGB 颜色值由三个两位十六进制数字组成，分别代表各自的颜色强度。</p>
<p>例如，颜色值 #FF0000 之所以被渲染为红色，是因为红色的值达到了最高值 FF (等于十进制的 255)。</p>
<p>当你使用 <a href="http://spaces.msn.com/objects/DOCTYPE.html"><u><font color="#0000ff">!DOCTYPE</font></u></a> 声明指定为标准兼容模式时，Microsoft<sup>?</sup> Internet Explorer 6 和以后版本将忽略不遵从样式表(CSS)级别 1 的样式表声明。根据 CSS 1，以十六进制 RGB 值指定的颜色必须带有前导“#”字符。像“FFFFFF”这样的值将被忽略，而不会被理解为“#FFFFFF”(即白色)，但 Internet Explorer 的先前版本是这么理解的。这影响所有接受颜色值的属性。</p>
<div><b>注意</b> 尽管这些颜色名称可能不被其它浏览器使用，但 RGB 颜色值应该可以在不同浏览器间正确显示。如果想要为跨越不同浏览器工作的 Web 页指定颜色值，那么应该使用 RGB 颜色值。</div>
<p>下表列出了 Internet Explorer 4.0 支持的颜色。</p>
<table cellspacing=5 cellpadding=0 bgcolor=gray border=5>
<tbody>
<tr>
<td style="background:aliceblue" align=middle>aliceblue<br>(#F0F8FF)</td>
<td style="background:antiquewhite" align=middle>antiquewhite<br>(#FAEBD7)</td>
<td style="background:aqua" align=middle>aqua<br>(#00FFFF)</td>
<td style="background:aquamarine" align=middle>aquamarine<br>(#7FFFD4)</td></tr>
<tr>
<td style="background:azure" align=middle>azure<br>(#F0FFFF)</td>
<td style="background:beige" align=middle>beige<br>(#F5F5DC)</td>
<td style="background:bisque" align=middle>bisque<br>(#FFE4C4)</td>
<td style="background:black;color:white" align=middle>black<br>(#000000)</td></tr>
<tr>
<td style="background:blanchedalmond" align=middle>blanchedalmond<br>(#FFEBCD)</td>
<td style="background:#0000ff" align=middle>blue<br>(#0000FF)</td>
<td style="background:#8a2be2" align=middle>blueviolet<br>(#8A2BE2)</td>
<td style="background:brown" align=middle>brown<br>(#A52A2A)</td></tr>
<tr>
<td style="background:burlywood" align=middle>burlywood<br>(#DEB887)</td>
<td style="background:cadetblue" align=middle>cadetblue<br>(#5F9EA0)</td>
<td style="background:chartreuse" align=middle>chartreuse<br>(#7FFF00)</td>
<td style="background:chocolate" align=middle>chocolate<br>(#D2691E)</td></tr>
<tr>
<td style="background:coral" align=middle>coral<br>(#FF7F50)</td>
<td style="background:#6495ed" align=middle>cornflowerblue<br>(#6495ED)</td>
<td style="background:cornsilk" align=middle>cornsilk<br>(#FFF8DC)</td>
<td style="background:crimson" align=middle>crimson<br>(#DC143C)</td></tr>
<tr>
<td style="background:cyan" align=middle>cyan<br>(#00FFFF)</td>
<td style="background:darkblue;color:white" align=middle>darkblue<br>(#00008B)</td>
<td style="background:darkcyan" align=middle>darkcyan<br>(#008B8B)</td>
<td style="background:darkgoldenrod" align=middle>darkgoldenrod<br>(#B8860B)</td></tr>
<tr>
<td style="background:darkgray" align=middle>darkgray<br>(#A9A9A9)</td>
<td style="background:darkgreen" align=middle>darkgreen<br>(#006400)</td>
<td style="background:darkkhaki" align=middle>darkkhaki<br>(#BDB76B)</td>
<td style="background:darkmagenta" align=middle>darkmagenta<br>(#8B008B)</td></tr>
<tr>
<td style="background:darkolivegreen" align=middle>darkolivegreen<br>(#556B2F)</td>
<td style="background:darkorange" align=middle>darkorange<br>(#FF8C00)</td>
<td style="background:darkorchid" align=middle>darkorchid<br>(#9932CC)</td>
<td style="background:darkred" align=middle>darkred<br>(#8B0000)</td></tr>
<tr>
<td style="background:darksalmon" align=middle>darksalmon<br>(#E9967A)</td>
<td style="background:darkseagreen" align=middle>darkseagreen<br>(#8FBC8B)</td>
<td style="background:darkslateblue" align=middle>darkslateblue<br>(#483D8B)</td>
<td style="background:darkslategray" align=middle>darkslategray<br>(#2F4F4F)</td></tr>
<tr>
<td style="background:darkturquoise" align=middle>darkturquoise<br>(#00CED1)</td>
<td style="background:darkviolet" align=middle>darkviolet<br>(#9400D3)</td>
<td style="background:deeppink" align=middle>deeppink<br>(#FF1493)</td>
<td style="background:deepskyblue" align=middle>deepskyblue<br>(#00BFFF)</td></tr>
<tr>
<td style="background:dimgray" align=middle>dimgray<br>(#696969)</td>
<td style="background:dodgerblue" align=middle>dodgerblue<br>(#1E90FF)</td>
<td style="background:firebrick" align=middle>firebrick<br>(#B22222)</td>
<td style="background:floralwhite" align=middle>floralwhite<br>(#FFFAF0)</td></tr>
<tr>
<td style="background:forestgreen" align=middle>forestgreen<br>(#228B22)</td>
<td style="background:#ff00ff" align=middle>fuchsia<br>(#FF00FF)</td>
<td style="background:gainsboro" align=middle>gainsboro<br>(#DCDCDC)</td>
<td style="background:ghostwhite" align=middle>ghostwhite<br>(#F8F8FF)</td></tr>
<tr>
<td style="background:gold" align=middle>gold<br>(#FFD700)</td>
<td style="background:goldenrod" align=middle>goldenrod<br>(#DAA520)</td>
<td style="background:gray" align=middle>gray<br>(#808080)</td>
<td style="background:green" align=middle>green<br>(#008000)</td></tr>
<tr>
<td style="background:greenyellow" align=middle>greenyellow<br>(#ADFF2F)</td>
<td style="background:honeydew" align=middle>honeydew<br>(#F0FFF0)</td>
<td style="background:hotpink" align=middle>hotpink<br>(#FF69B4)</td>
<td style="background:indianred" align=middle>indianred<br>(#CD5C5C)</td></tr>
<tr>
<td style="background:indigo;color:white" align=middle>indigo<br>(#4B0082)</td>
<td style="background:ivory" align=middle>ivory<br>(#FFFFF0)</td>
<td style="background:khaki" align=middle>khaki<br>(#F0E68C)</td>
<td style="background:lavender" align=middle>lavender<br>(#E6E6FA)</td></tr>
<tr>
<td style="background:lavenderblush" align=middle>lavenderblush<br>(#FFF0F5)</td>
<td style="background:lawngreen" align=middle>lawngreen<br>(#7CFC00)</td>
<td style="background:lemonchiffon" align=middle>lemonchiffon<br>(#FFFACD)</td>
<td style="background:lightblue" align=middle>lightblue<br>(#ADD8E6)</td></tr>
<tr>
<td style="background:lightcoral" align=middle>lightcoral<br>(#F08080)</td>
<td style="background:lightcyan" align=middle>lightcyan<br>(#E0FFFF)</td>
<td style="background:lightgoldenrodyellow" align=middle>lightgoldenrodyellow<br>(#FAFAD2)</td>
<td style="background:lightgreen" align=middle>lightgreen<br>(#90EE90)</td></tr>
<tr>
<td style="background:lightgrey" align=middle>lightgrey<br>(#D3D3D3)</td>
<td style="background:lightpink" align=middle>lightpink<br>(#FFB6C1)</td>
<td style="background:lightsalmon" align=middle>lightsalmon<br>(#FFA07A)</td>
<td style="background:lightseagreen" align=middle>lightseagreen<br>(#20B2AA)</td></tr>
<tr>
<td style="background:lightskyblue" align=middle>lightskyblue<br>(#87CEFA)</td>
<td style="background:lightslategray" align=middle>lightslategray<br>(#778899)</td>
<td style="background:lightsteelblue" align=middle>lightsteelblue<br>(#B0C4DE)</td>
<td style="background:lightyellow" align=middle>lightyellow<br>(#FFFFE0)</td></tr>
<tr>
<td style="background:lime" align=middle>lime<br>(#00FF00)</td>
<td style="background:limegreen" align=middle>limegreen<br>(#32CD32)</td>
<td style="background:linen" align=middle>linen<br>(#FAF0E6)</td>
<td style="background:magenta" align=middle>magenta<br>(#FF00FF)</td></tr>
<tr>
<td style="background:maroon" align=middle>maroon<br>(#800000)</td>
<td style="background:mediumaquamarine" align=middle>mediumaquamarine<br>(#66CDAA)</td>
<td style="background:mediumblue;color:white" align=middle>mediumblue<br>(#0000CD)</td>
<td style="background:mediumorchid" align=middle>mediumorchid<br>(#BA55D3)</td></tr>
<tr>
<td style="background:mediumpurple" align=middle>mediumpurple<br>(#9370DB)</td>
<td style="background:mediumseagreen" align=middle>mediumseagreen<br>(#3CB371)</td>
<td style="background:mediumslateblue" align=middle>mediumslateblue<br>(#7B68EE)</td>
<td style="background:mediumspringgreen" align=middle>mediumspringgreen<br>(#00FA9A)</td></tr>
<tr>
<td style="background:mediumturquoise" align=middle>mediumturquoise<br>(#48D1CC)</td>
<td style="background:mediumvioletred" align=middle>mediumvioletred<br>(#C71585)</td>
<td style="background:midnightblue;color:white" align=middle>midnightblue<br>(#191970)</td>
<td style="background:mintcream" align=middle>mintcream<br>(#F5FFFA)</td></tr>
<tr>
<td style="background:mistyrose" align=middle>mistyrose<br>(#FFE4E1)</td>
<td style="background:moccasin" align=middle>moccasin<br>(#FFE4B5)</td>
<td style="background:navajowhite" align=middle>navajowhite<br>(#FFDEAD)</td>
<td style="background:navy;color:white" align=middle>navy<br>(#000080)</td></tr>
<tr>
<td style="background:oldlace" align=middle>oldlace<br>(#FDF5E6)</td>
<td style="background:olive" align=middle>olive<br>(#808000)</td>
<td style="background:olivedrab" align=middle>olivedrab<br>(#6B8E23)</td>
<td style="background:orange" align=middle>orange<br>(#FFA500)</td></tr>
<tr>
<td style="background:orangered" align=middle>orangered<br>(#FF4500)</td>
<td style="background:orchid" align=middle>orchid<br>(#DA70D6)</td>
<td style="background:palegoldenrod" align=middle>palegoldenrod<br>(#EEE8AA)</td>
<td style="background:palegreen" align=middle>palegreen<br>(#98FB98)</td></tr>
<tr>
<td style="background:paleturquoise" align=middle>paleturquoise<br>(#AFEEEE)</td>
<td style="background:palevioletred" align=middle>palevioletred<br>(#DB7093)</td>
<td style="background:papayawhip" align=middle>papayawhip<br>(#FFEFD5)</td>
<td style="background:peachpuff" align=middle>peachpuff<br>(#FFDAB9)</td></tr>
<tr>
<td style="background:peru" align=middle>peru<br>(#CD853F)</td>
<td style="background:pink" align=middle>pink<br>(#FFC0CB)</td>
<td style="background:plum" align=middle>plum<br>(#DDA0DD)</td>
<td style="background:powderblue" align=middle>powderblue<br>(#B0E0E6)</td></tr>
<tr>
<td style="background:purple" align=middle>purple<br>(#800080)</td>
<td style="background:red" align=middle>red<br>(#FF0000)</td>
<td style="background:rosybrown" align=middle>rosybrown<br>(#BC8F8F)</td>
<td style="background:royalblue" align=middle>royalblue<br>(#4169E1)</td></tr>
<tr>
<td style="background:saddlebrown" align=middle>saddlebrown<br>(#8B4513)</td>
<td style="background:salmon" align=middle>salmon<br>(#FA8072)</td>
<td style="background:sandybrown" align=middle>sandybrown<br>(#F4A460)</td>
<td style="background:seagreen" align=middle>seagreen<br>(#2E8B57)</td></tr>
<tr>
<td style="background:seashell" align=middle>seashell<br>(#FFF5EE)</td>
<td style="background:sienna" align=middle>sienna<br>(#A0522D)</td>
<td style="background:silver" align=middle>silver<br>(#C0C0C0)</td>
<td style="background:skyblue" align=middle>skyblue<br>(#87CEEB)</td></tr>
<tr>
<td style="background:slateblue" align=middle>slateblue<br>(#6A5ACD)</td>
<td style="background:slategray" align=middle>slategray<br>(#708090)</td>
<td style="background:snow" align=middle>snow<br>(#FFFAFA)</td>
<td style="background:springgreen" align=middle>springgreen<br>(#00FF7F)</td></tr>
<tr>
<td style="background:steelblue" align=middle>steelblue<br>(#4682B4)</td>
<td style="background:tan" align=middle>tan<br>(#D2B48C)</td>
<td style="background:teal" align=middle>teal<br>(#008080)</td>
<td style="background:thistle" align=middle>thistle<br>(#D8BFD8)</td></tr>
<tr>
<td style="background:tomato" align=middle>tomato<br>(#FF6347)</td>
<td style="background:turquoise" align=middle>turquoise<br>(#40E0D0)</td>
<td style="background:violet" align=middle>violet<br>(#EE82EE)</td>
<td style="background:wheat" align=middle>wheat<br>(#F5DEB3)</td></tr>
<tr>
<td style="background:white" align=middle>white<br>(#FFFFFF)</td>
<td style="background:whitesmoke" align=middle>whitesmoke<br>(#F5F5F5)</td>
<td style="background:yellow" align=middle>yellow<br>(#FFFF00)</td>
<td style="background:yellowgreen" align=middle>yellowgreen<br>(#9ACD32)</td></tr></tbody></table>
<h2><a></a>用户定义的系统颜色</h2>
<p>Microsoft<sup>?</sup> Windows<sup>?</sup> 维护着一组用于绘制用户界面不同部分的系统颜色。除了定义在颜色表中的颜色，在 Internet Explorer 4.0 中也可正常显示以下系统颜色指定为颜色值的 Web 页。</p>
<p>用户可以使用 Windows 控制面板设置用于将来 Windows 会话的系统颜色。下表演示了定义在控制面板中的颜色名称的对应情况。</p>
<div><b>注意</b> 不对应任何控制面板的颜色只可使用 Windows API 编程设置，用户无法定义。</div>
<table cellspacing=5 cellpadding=5 bgcolor=gray border=5>
<tbody>
<tr>
<td style="background:activeborder" align=middle>activeborder</td>
<td style="background:activecaption;color:captiontext" align=middle>activecaption</td>
<td style="background:appworkspace" align=middle>appworkspace</td>
<td style="background:background" align=middle>background</td></tr>
<tr>
<td style="background:buttonface" align=middle>buttonface</td>
<td style="background:buttonhighlight" align=middle>buttonhighlight</td>
<td style="background:buttonshadow" align=middle>buttonshadow</td>
<td style="background:buttontext;color:buttonface" align=middle>buttontext</td></tr>
<tr>
<td style="background:captiontext" align=middle>captiontext</td>
<td style="background:graytext" align=middle>graytext</td>
<td style="background:highlight;color:highlighttext" align=middle>highlight</td>
<td style="background:highlighttext" align=middle>highlighttext</td></tr>
<tr>
<td style="background:inactiveborder" align=middle>inactiveborder</td>
<td style="background:inactivecaption;color:captiontext" align=middle>inactivecaption</td>
<td style="background:inactivecaptiontext" align=middle>inactivecaptiontext</td>
<td style="background:infobackground" align=middle>infobackground</td></tr>
<tr>
<td style="background:infotext;color:infobackground" align=middle>infotext</td>
<td style="background:menu" align=middle>menu</td>
<td style="background:menutext;color:menu" align=middle>menutext</td>
<td style="background:scrollbar" align=middle>scrollbar</td></tr>
<tr>
<td style="background:threeddarkshadow;color:buttonface" align=middle>threeddarkshadow</td>
<td style="background:buttonface" align=middle>threedface</td>
<td style="background:buttonhighlight" align=middle>threedhighlight</td>
<td style="background:threedlightshadow" align=middle>threedlightshadow</td></tr>
<tr>
<td style="background:buttonshadow" align=middle>threedshadow</td>
<td style="background:window" align=middle>window</td>
<td style="background:windowframe;color:window" align=middle>windowframe</td>
<td style="background:windowtext;color:window" align=middle>windowtext</td></tr></tbody></table>
</body>
</html>