滚动条颜色生成器

下面框中为脚本显示区

欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器。欢迎使用滚动条代码生成器。

scrollbar-3dlight-color

scrollbar-arrow-color

scrollbar-base-color

scrollbar-darkshadow-color

scrollbar-face-color

scrollbar-highlight-color

scrollbar-shadow-color

<HTML>
<HEAD>
  <STYLE>
    .TA {scrollbar-3dlight-color:;
           scrollbar-arrow-color:;
           scrollbar-base-color:;
           scrollbar-darkshadow-color:;
           scrollbar-face-color:;
           scrollbar-highlight-color:;
           scrollbar-shadow-color:}
  </STYLE>
</HEAD>
<BODY>
  <TEXTAREA cols=30 rows=5 wrap=off CLASS="TA">欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器，欢迎使用滚动条代码生成器，</TEXTAREA>
</BODY>
</HTML>

脚本说明: 把如下代码加入<body>区域中：  <SCRIPT LANGUAGE="JScript"> function copy2Clipboard() { // Copies currently displayed code to user's clipboard taCode.innerText = code.innerText; textRange = taCode.createTextRange(); textRange.execCommand("RemoveFormat"); textRange.execCommand("Copy"); } --> </SCRIPT> <SCRIPT LANGUAGE="VBSCRIPT">  </SCRIPT>   <STYLE> P { margin-top: .6em; margin-bottom: .6em; } BODY { margin-left: 0pt; margin-top: 0pt; font-size: 80%; font-family: Verdana, Arial, Helvetica, MS Sans Serif; } H1 { font-size: 145%; margin-top: 1.35em; margin-bottom: .5em; } PRE { font-family: Courier New; font-size: 130%; background: #EEEEEE; margin-top: 1em; margin-bottom: 1em; margin-left: 0pt; padding-top: 5pt; padding-bottom: 5pt; padding-left: 5pt; padding-right: 5pt; } TABLE { font-size: 100%; } TR { vertical-align: top; } TD { margin: 3pt; } </STYLE>  </HEAD>    <BODY TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" BGCOLOR="#FFFFFF"> <DIV CLASS="clsDocBody">  <P> <TABLE BORDER="2" BGCOLOR="#DDDDDD" WIDTH="100%"> <TR> <TD VALIGN="TOP"> <TABLE WIDTH="401"> <TR> <TD BACKGROUND="graygrid.gif" ALIGN=CENTER VALIGN="CENTER" BGCOLOR="#EEEEEE" HEIGHT="300" WIDTH="400"> <textarea cols=40 rows=5 wrap=off ID="oTextArea" onkeyup="sTextArea.innerText=oTextArea.innerText">This is text inside a TEXTAREA element. You can change the color of the scrollbars for this element with the controls below. This is text inside a TEXTAREA element. You can change the color of the scrollbars for this element with the controls below. This is text inside a TEXTAREA element. You can change the color of the scrollbars for this element with the controls below. This is text inside a TEXTAREA element. You can change the color of the scrollbars for this element with the controls below. This is text inside a TEXTAREA element. You can change the color of the scrollbars for this element with the controls below.</textarea> </TD> </TR> <TR BGCOLOR="#DDDDDD"> <TD ALIGN="CENTER"><BR> <TABLE BGCOLOR="#DDDDDD" CELLPADDING="2"> <TR> <TD ALIGN="RIGHT">scrollbar-3dlight-color </TD> <TD STYLE="padding-left:5"> <SELECT ID="o3d" onchange="fnChange('3d')"> <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-arrow-color </TD> <TD STYLE="padding-left:5"> <SELECT ID="oArrow" onchange="fnChange('arrow')"> <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-base-color </TD> <TD STYLE="padding-left:5"> <SELECT ID="oBase" onchange="fnChange('base')"> <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-darkshadow-color </TD> <TD STYLE="padding-left:5"> <SELECT ID="oDark" onchange="fnChange('dark')"> <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-face-color </TD> <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="80"> <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">  <SPAN ID="code" STYLE="height:400px; width:100%; overflow-y:auto;"> <HTML><BR> <HEAD><BR> <STYLE><BR> .TA {<SPAN ID="s3d1">scrollbar-3dlight-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-darkshadow-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"><SPAN ID="sTextArea">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.</SPAN></TEXTAREA><BR> </BODY><BR> </HTML><BR> </SPAN>  <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>  </DIV>

代码2

下面框中为脚本显示区

颜色属性

左立体边颜色

箭头颜色

整体颜色

右立体边颜色

轴面颜色

轴面左角边颜色

轴面右角边颜色

轴轨颜色

请将语法贴到</head>之前即可

脚本说明: 把如下代码加入<body>区域中： <style type="text/css">  </style> </head> <body> <script language="JavaScript">  </script> <script language="JavaScript"> \n</STYLE>';sR=/;/g var obj=MM_findObj('js_1'); if (obj) { nCssText=document.body.style.cssText.replace(sR,";\n"); obj.value=sB+nCssText+sE} } } function hi(){ event.srcElement.className='hi'; } function lo(){ event.srcElement.className=''; } --> </script> <center> <script src="../money/46860.js"></script><br> <table width="468" border="1" bordercolor="#FF8000" cellspacing="1" cellpadding="5"> <tbody> <tr> <td bgcolor="#FF952B"> <center> <span class="1">滚动条颜色产生器</span> </center> <tr> <td bgcolor="#FFBF80"> <table id="props" style="table-layout:fixed" border="0" cellspacing="0" cellpadding="2"> <tbody> <tr bgcolor="#FFD5AA"> <td width="65"> <center> <input type="hidden" value="scrollbar3dLightColor" name="currentSet">颜色 </center> </td> <td width="105" bgcolor="#FFD5AA"> <center> 属性 </center> </td> <td noWrap width="260"> <center> <input style="DISPLAY:none" size="3" value="7" name="colorStepValue"> <input size="2" value="255" name="colorPa"> <input onClick="makeRandomPanel()" type="button" value="随机色板" name="Button"> <input onClick="makeColorPanel()" type="button" value="原始色板" name="Submit2"> </center> </td> </tr> <tr bgcolor="#F4F4F4"> <td bordercolorlight="#000000" width="65" bgcolor="#FFD5AA"> <input onChange="UpdateScroll(this)" name="scrollbar3dLightColor" size="6"> </td> <td id="e1" onMouseOver="high(this)" onClick="setTarget('scrollbar3dLightColor')" onMouseOut="low(this)" bordercolorlight="#000000" width="120" bgcolor="#FFD5AA">左立体边颜色</td> <td rowspan="8" width="260" bgcolor="#FFEAD5"> <table cellspacing="0" cellpadding="0" align="center" border="0" bgcolor="#FFFFFF" width="255" height="0"> <tbody> <tr> <td id="colorPanel" onMouseOver="hi()" onClick="choiceColor()" onMouseOut="lo()"> <script language="JavaScript">  </script> </td> </tr> </tbody> </table> </td> </tr> <tr bgcolor="#F4F4F4"> <td bordercolorlight="#000000" width="65" bgcolor="#FFD5AA"> <input onChange="UpdateScroll(this)" name="scrollbarArrowColor" size="6"> </td> <td id="e2" onMouseOver="high(this)" onClick="setTarget('scrollbarArrowColor')" onMouseOut="low(this)" bordercolorlight="#000000" width="120" bgcolor="#FFD5AA">箭头颜色</td> </tr> <tr bgcolor="#F4F4F4"> <td bordercolorlight="#000000" width="65" bgcolor="#FFD5AA"> <input onChange="UpdateScroll(this)" name="scrollbarBaseColor" size="6"> </td> <td id="e3" onMouseOver="high(this)" onClick="setTarget('scrollbarBaseColor')" onMouseOut="low(this)" bordercolorlight="#000000" width="120" bgcolor="#FFD5AA">整体颜色</td> </tr> <tr bgcolor="#F4F4F4"> <td bordercolorlight="#000000" width="65" bgcolor="#FFD5AA"> <input onChange="UpdateScroll(this)" name="scrollbarDarkShadowColor" size="6"> </td> <td id="e4" onMouseOver="high(this)" onClick="setTarget('scrollbarDarkShadowColor')" onMouseOut="low(this)" bordercolorlight="#000000" width="120" bgcolor="#FFD5AA">右立体边颜色</td> </tr> <tr bgcolor="#F4F4F4"> <td bordercolorlight="#000000" width="65" bgcolor="#FFD5AA"> <input onChange="UpdateScroll(this)" name="scrollbarFaceColor" size="6"> </td> <td id="e5" onMouseOver="high(this)" onClick="setTarget('scrollbarFaceColor')" onMouseOut="low(this)" bordercolorlight="#000000" width="120" bgcolor="#FFD5AA">轴面颜色</td> </tr> <tr bgcolor="#F4F4F4"> <td bordercolorlight="#000000" width="65" bgcolor="#FFD5AA"> <input onChange="UpdateScroll(this)" name="scrollbarHighlightColor" size="6"> </td> <td id="e6" onMouseOver="high(this)" onClick="setTarget('scrollbarHighlightColor')" onMouseOut="low(this)" bordercolorlight="#000000" width="120" bgcolor="#FFD5AA">轴面左角边颜色</td> </tr> <tr bgcolor="#F4F4F4"> <td bordercolorlight="#000000" width="65" bgcolor="#FFD5AA"> <input onChange="UpdateScroll(this)" name="scrollbarShadowColor" size="6"> </td> <td id="e7" onMouseOver="high(this)" onClick="setTarget('scrollbarShadowColor')" onMouseOut="low(this)" bordercolorlight="#000000" width="120" bgcolor="#FFD5AA">轴面右角边颜色</td> </tr> <tr bgcolor="#F4F4F4"> <td bordercolorlight="#000000" width="65" bgcolor="#FFD5AA"> <input onChange="UpdateScroll(this)" name="scrollbarTrackColor" size="6"> </td> <td id="e8" onMouseOver="high(this)" onClick="setTarget('scrollbarTrackColor')" onMouseOut="low(this)" bordercolorlight="#000000" width="120" bgcolor="#FFD5AA">轴轨颜色</td> </tr> </tbody> </table> </td> </tr> <tr> <td bgcolor="#FFBF80"> <center> 请将语法贴到</head>之前即可<br> </center> <center> <textarea name="js_1" rows="10" wrap="VIRTUAL" cols="60"></textarea> <br> <input onClick="JM_cc('js_1')" type="button" value="复制语法" name="Button3"> </center> </td> </tr> </tbody> </table> </center>