滚动条代码生成器

177 阅读 0 评论 117 点赞

我是靠谱客的博主受伤火，最近开发中收集的这篇文章主要介绍滚动条代码生成器，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

<DIV CLASS="clsDocBody"> 
 
<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需刷新才能执行]