当前位置：Gxlcms > JavaScript > 滚动条代码生成器

滚动条代码生成器

时间：2021-07-01 10:21:17 帮助过：39人阅读

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

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

<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">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> </BODY> </HTML>

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

滚动条代码生成器

Scrollbar Color Properties

人气教程排行