Scroll bar code generator_javascript skills-JS Tutorial-php.cn

Scroll bar code generator_javascript skills

WBOY

Release： 2016-05-16 19:19:13

Original

1185 people have browsed it

<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>

<div class="clsDocBody"> 
 
<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
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color