接上
<TD STYLE="padding-left:5">
<SELECT ID="oFace" onchange="fnChange('face')">
<OPTION VALUE="" SELECTED>none</OPTION>
<OPTION STYLE="color:aqua" VALUE="aqua">aqua</OPTION>
<OPTION STYLE="color:blue" VALUE="blue">blue</OPTION>
<OPTION STYLE="color:chartreuse" VALUE="chartreuse">chartreuse</OPTION>
<OPTION STYLE="color:darksalmon" VALUE="darksalmon">darksalmon</OPTION>
<OPTION STYLE="color:fuchsia" VALUE="fuchsia">fuchsia</OPTION>
<OPTION STYLE="color:gold" VALUE="gold">gold</OPTION>
<OPTION STYLE="color:hotpink" VALUE="hotpink">hotpink</OPTION>
<OPTION STYLE="color:khaki" VALUE="khaki">khaki</OPTION>
<OPTION STYLE="color:lightsalmon" VALUE="lightsalmon">lightsalmon</OPTION>
<OPTION STYLE="color:magenta" VALUE="magenta">magenta</OPTION>
<OPTION STYLE="color:orange" VALUE="orange">orange</OPTION>
<OPTION STYLE="color:palegreen" VALUE="palegreen">palegreen</OPTION>
<OPTION STYLE="color:teal" VALUE="teal">teal</OPTION>
<OPTION STYLE="color:tomato" VALUE="tomato">tomato</OPTION>
<OPTION STYLE="color:yellow" VALUE="yellow">yellow</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">scrollbar-highlight-color
</TD>
<TD STYLE="padding-left:5">
<SELECT ID="oHighlight" onchange="fnChange('highlight')">
<OPTION VALUE="" SELECTED>none</OPTION>
<OPTION STYLE="color:aqua" VALUE="aqua">aqua</OPTION>
<OPTION STYLE="color:blue" VALUE="blue">blue</OPTION>
<OPTION STYLE="color:chartreuse" VALUE="chartreuse">chartreuse</OPTION>
<OPTION STYLE="color:darksalmon" VALUE="darksalmon">darksalmon</OPTION>
<OPTION STYLE="color:fuchsia" VALUE="fuchsia">fuchsia</OPTION>
<OPTION STYLE="color:gold" VALUE="gold">gold</OPTION>
<OPTION STYLE="color:hotpink" VALUE="hotpink">hotpink</OPTION>
<OPTION STYLE="color:khaki" VALUE="khaki">khaki</OPTION>
<OPTION STYLE="color:lightsalmon" VALUE="lightsalmon">lightsalmon</OPTION>
<OPTION STYLE="color:magenta" VALUE="magenta">magenta</OPTION>
<OPTION STYLE="color:orange" VALUE="orange">orange</OPTION>
<OPTION STYLE="color:palegreen" VALUE="palegreen">palegreen</OPTION>
<OPTION STYLE="color:teal" VALUE="teal">teal</OPTION>
<OPTION STYLE="color:tomato" VALUE="tomato">tomato</OPTION>
<OPTION STYLE="color:yellow" VALUE="yellow">yellow</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">scrollbar-shadow-color
</TD>
<TD STYLE="padding-left:5">
<SELECT ID="oShadow" onchange="fnChange('shadow')">
<OPTION VALUE="" SELECTED>none</OPTION>
<OPTION STYLE="color:aqua" VALUE="aqua">aqua</OPTION>
<OPTION STYLE="color:blue" VALUE="blue">blue</OPTION>
<OPTION STYLE="color:chartreuse" VALUE="chartreuse">chartreuse</OPTION>
<OPTION STYLE="color:darksalmon" VALUE="darksalmon">darksalmon</OPTION>
<OPTION STYLE="color:fuchsia" VALUE="fuchsia">fuchsia</OPTION>
<OPTION STYLE="color:gold" VALUE="gold">gold</OPTION>
<OPTION STYLE="color:hotpink" VALUE="hotpink">hotpink</OPTION>
<OPTION STYLE="color:khaki" VALUE="khaki">khaki</OPTION>
<OPTION STYLE="color:lightsalmon" VALUE="lightsalmon">lightsalmon</OPTION>
<OPTION STYLE="color:magenta" VALUE="magenta">magenta</OPTION>
<OPTION STYLE="color:orange" VALUE="orange">orange</OPTION>
<OPTION STYLE="color:palegreen" VALUE="palegreen">palegreen</OPTION>
<OPTION STYLE="color:teal" VALUE="teal">teal</OPTION>
<OPTION STYLE="color:tomato" VALUE="tomato">tomato</OPTION>
<OPTION STYLE="color:yellow" VALUE="yellow">yellow</OPTION>
</SELECT>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
<TD>
<TABLE BORDERCOLOR="#AAAAAA" BGCOLOR="#FFFFFF" HEIGHT="100%">
<TR HEIGHT="100">
<TD BGCOLOR="#DDDDDD" STYLE="border-width:1; border-style:solid; padding-left:5; padding-right:5">
<H3 ALIGN="center">Scrollbar Color Properties</H3>
Modify the text using the controls on the lower left portion of this window. The code used to generate the text is shown in the area below.<BR>
</TD>
</TR>
<TR HEIGHT="*">
<TD BGCOLOR="#FFFFFF" VALIGN="top">
<!-- Display generated HTML code here -->
<SPAN ID="code" STYLE="height:100%; width:100%; overflow-y:auto;">
<HTML><BR>
<HEAD><BR>
<STYLE><BR>
.TA {<SPAN ID="s3d1">scrollbar-3d-light-color:</SPAN><SPAN ID="s3d2"></SPAN>;<BR>
<SPAN ID="sArrow1">scrollbar-arrow-color:</SPAN><SPAN ID="sArrow2"></SPAN>;<BR>
<SPAN ID="sBase1">scrollbar-base-color:</SPAN><SPAN ID="sBase2"></SPAN>;<BR>
<SPAN ID="sDark1">scrollbar-dark-shadow-color:</SPAN><SPAN ID="sDark2"></SPAN>;<BR>
<SPAN ID="sFace1">scrollbar-face-color:</SPAN><SPAN ID="sFace2"></SPAN>;<BR>
<SPAN ID="sHighlight1">scrollbar-highlight-color:</SPAN><SPAN ID="sHighlight2"></SPAN>;<BR>
<SPAN ID="sShadow1">scrollbar-shadow-color:</SPAN><SPAN ID="sShadow2"></SPAN>}<BR>
</STYLE><BR>
</HEAD><BR>
<BODY><BR>
<TEXTAREA cols=30 rows=5 wrap=off CLASS="TA">This is text inside a TEXTAREA element.<BR>
You can change the color of the scrollbars for this element with the controls below.<BR>
This is text inside a TEXTAREA element.<BR>
You can change the color of the scrollbars for this element with the controls below.<BR>
This is text inside a TEXTAREA element.<BR>
You can change the color of the scrollbars for this element with the controls below.<BR>
This is text inside a TEXTAREA element.<BR>
You can change the color of the scrollbars for this element with the controls below.<BR>
This is text inside a TEXTAREA element.<BR>
You can change the color of the scrollbars for this element with the controls below.</TEXTAREA><BR>
</BODY><BR>
</HTML><BR>
</SPAN>
<!-- Use for "Copy to Clipboard" function -->
<TEXTAREA ID="taCode" STYLE="display:none;"></TEXTAREA>
</TD>
</TR>
<TR>
<TD BGCOLOR="#DDDDDD" STYLE="border-width:1; border-style:solid; padding-left:5; padding-right:5" HEIGHT="20">
<BUTTON STYLE="width:160; margin-top:3; margin-bottom:3;" onclick="copy2Clipboard();">Copy Code to Clipboard</BUTTON>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<!-- DOCUMENT CONTENT END -->
</DIV>
</BODY>
</HTML>