Scroll bar code generator_javascript skills

<!-- START_CLIENT_SCRIPT --> <!-- END_CLIENT_SCRIPT --> <!-- START_CLIENT_STYLE --> <style> <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 LANGUAGE="VBSCRIPT"> <!-- function fnReset() // Unbold all spans s3d1.style.fontWeight = "normal" s3d2.style.fontWeight = "normal" sArrow1.style.fontWeight = "normal" sArrow2.style.fontWeight = "normal" sBase1.style.fontWeight = "normal" sBase2.style.fontWeight = "normal" sDark1.style.fontWeight = "normal" sDark2.style.fontWeight = "normal" sFace1.style.fontWeight = "normal" sFace2.style.fontWeight = "normal" sHighlight1.style.fontWeight = "normal" sHighlight2.style.fontWeight = "normal" sShadow1.style.fontWeight = "normal" sShadow2.style.fontWeight = "normal" end function function fnChange(sInProp) fnReset() Select Case sInProp Case "3d" oTextArea.style.scrollbar3dLightColor = _ o3d.options(o3d.selectedIndex).value s3d2.innerText = o3d.options(o3d.selectedIndex).value s3d2.style.fontWeight = "bold" s3d1.style.fontWeight = "bold" Case "arrow" oTextArea.style.scrollbarArrowColor = _ oArrow.options(oArrow.selectedIndex).value sArrow2.innerText = oArrow.options(oArrow.selectedIndex).value sArrow2.style.fontWeight = "bold" sArrow1.style.fontWeight = "bold" Case "base" oTextArea.style.scrollbarBaseColor = _ oBase.options(oBase.selectedIndex).value sBase2.innerText = oBase.options(oBase.selectedIndex).value sBase2.style.fontWeight = "bold" sBase1.style.fontWeight = "bold" Case "dark" oTextArea.style.scrollbarDarkShadowColor = _ oDark.options(oDark.selectedIndex).value sDark2.innerText = oDark.options(oDark.selectedIndex).value sDark2.style.fontWeight = "bold" sDark1.style.fontWeight = "bold" Case "face" oTextArea.style.scrollbarFaceColor = _ oFace.options(oFace.selectedIndex).value sFace2.innerText = oFace.options(oFace.selectedIndex).value sFace2.style.fontWeight = "bold" sFace1.style.fontWeight = "bold" Case "highlight" oTextArea.style.scrollbarHighlightColor = _ oHighlight.options(oHighlight.selectedIndex).value sHighlight2.innerText = oHighlight.options(oHighlight.selectedIndex).value sHighlight2.style.fontWeight = "bold" sHighlight1.style.fontWeight = "bold" Case "shadow" oTextArea.style.scrollbarShadowColor = _ oShadow.options(oShadow.selectedIndex).value sShadow2.innerText = oShadow.options(oShadow.selectedIndex).value sShadow2.style.fontWeight = "bold" sShadow1.style.fontWeight = "bold" End Select end function '--> 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> <!-- END_CLIENT_STYLE --> <!--TOOLBAR_START--> <!--TOOLBAR_EXEMPT--> <!--TOOLBAR_END--> <div class="clsDocBody"> <!-- DOCUMENT CONTENT START --> <p> </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.

scrollbar-3dlight-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-arrow-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-base-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-darkshadow-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-face-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-highlight-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow
scrollbar-shadow-color	none aqua blue chartreuse darksalmon fuchsia gold hotpink khaki lightsalmon magenta orange palegreen teal tomato yellow

Scrollbar Color Properties

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.

Scrollbar Color Properties

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.

     <span id="sTextArea">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.</span>

Copy Code to Clipboard

     <span id="sTextArea">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.</span>

Copy Code to Clipboard
[Ctrl A 全选 注:如需引入外部Js需刷新才能执行]