滚动条代码生成器_javascript技巧-js教程-PHP中文網

滚动条代码生成器_javascript技巧

WBOY

發布： 2016-05-16 19:19:13

原創

1184 人瀏覽過

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

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

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

<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

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-arrow-color:; scrollbar-base-color:; scrollbar-darkshadow-color:; scrollbar-face-color:; scrollbar-highlight-color:; scrollbar-shadow-color:}

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