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

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

Javascript: JavaScript 图片放大镜（可拖放、缩放效果）; javascript textarea支持图形编辑; 各种效果的jquery ui(接口)介绍; js点小图显示大图的切换功能代码; js怎样实现下拉框改变，它旁边的图像也改变; js模拟电脑选择多文件夹效果_选区代码; js实现小鱼吐泡泡在页面游动特效; Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性; js抓人游戏; JavaScript的学习入门整理篇; Js动态创建div; Javascript拖拽&拖放系列文章3之细说事件对象; javascript不同页面传值的改进版; select组合框option的捕捉实例代码; 初学JavaScript第一章; 初学JavaScript_03(ExtJs Grid的简单使用); jquery的颜色选择插件实例代码; 鼠标跟随效果代码; JS版网站风格切换实例代码; javascript支持IE和firefox(FF)的渐变透明效果

No. « ‹ 211 212 213 214 › »

技术文章搜索

关键字

Javascript 中的滚动条代码生成器

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

收藏到网摘: 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 中的滚动条代码生成器