Scroll bar code generator
<HTML> <HEAD> <! -- START_CLIENT_SCRIPT --> <script language = "JScript"> function copy2Clipboard () {// Copies currently displayed code to user's clipboard taCode. innerText = code. innerText; textRange = taCode. createTextRange (); textRange.exe cCommand ("RemoveFormat"); textRange.exe cCommand ("Copy") ;}--> SCRIPT <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 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. fo NtWeight = "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 sBa Se2.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 = Ace. 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. SC RollbarShadowColor = _ oShadow. options (oShadow. selectedIndex ). value sShadow2.innerText = oShadow. options (oShadow. selectedIndex ). value sShadow2.style. fontWeight = "bold" sShadow1.style. fontWeight = "bold" End Select end function '--> SCRIPT <! -- END_CLIENT_SCRIPT --> <! -- START_CLIENT_STYLE --> <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> <! -- END_CLIENT_STYLE --> </HEAD> <! -- TOOLBAR_START --> <! -- TOOLBAR_EXEMPT --> <! -- TOOLBAR_END --> <body topmargin = "0" LEFTMARGIN = "0" MARGINHEIGHT = "0" MARGINWIDTH = "0" BGCOLOR = "# FFFFFF"> <! -- Document content start --> <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. |
<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 select all Note: If you need to introduce external Js, You need to refresh it to execute]