滚动条代码生成器- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 滚动条代码生成器

Javascript: JavaScript脚本:在网页中绘制图表; Jquery在实用和易学使用上的特点; 网页制作之Javascript代码技巧; 利用Java程序把Word文档转换成Html文件; 提供gif icon制作的几个站点; JavaScript 实现 Konami Code; 实用Javascript Tab导航插件23个; 掌握JavaScript语言的思想前提; 可以制作动画菜单效果的jquery插件; 从脚本编程的角度看JSP的安全; JavaScript教程：伸缩菜单的制作; Javascript 代码也可以变得优美; 与JavaScript新人共同分享实用经验; 远程控制顺畅无阻碍-java来实现; Java开源的高性能缓存框架; 通过代理访问因特网上的Web服务器; JavaScript基础教程：调试及应用; 通过SSH交互进行Java应用开发; Java API编写自己的NamespaceContext; Java编程教程：SecureJSH特性简介

No. « ‹ 172 173 174 175 › »

技术文章搜索

关键字

Javascript 中的滚动条代码生成器

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 189 ::

收藏到网摘: n/a

baidu博客的编辑友情链接的新的层窗口！经典～支持【FF】 NiftyCube：轻松实现圆角边框

点击运行可以看到效果:

<HTML>
<HEAD>
<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">
</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>
<BODY TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" BGCOLOR="#FFFFFF">
<DIV CLASS="clsDocBody">
<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 全选提示:你可先修改部分代码,再按运行]

baidu博客的编辑友情链接的新的层窗口！经典～支持【FF】 NiftyCube：轻松实现圆角边框

Javascript 中的 滚动条代码生成器

Scrollbar Color Properties

评论 (0) All

Javascript 中的滚动条代码生成器