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

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

Javascript: IE6下如何让PNG图片变透明; jQuery教程:制作滑动动画效果的层; JS网页特效代码:切割网页图片特殊效果; 正则表达式的高级技巧8个常用的概念; Javascript教程:获取当前地址栏url; 百度前端笔试面试7个试题; 互联网公司招聘web前端笔试题目; JS实例代码:点击复制地址发给QQ好友; JavaScript动态改变网页图片大小; jQuery实现搜索关键字自动匹配提示方法; JS实例代码解析:以实例方式学习数组知识; Mozilla:让JavaScript脚本直接操作本地文件; JS教程:给JavaScript文件传递参数; JS教程:如何制作表单自动聚焦的网页; 通过JS正则表达式实现验证邮件的代码; JQuery教程:简化JQuery; jQuery教程:14个实用的jQuery技巧; JS实例:控制非法字符输入的JS代码; JavaScript实例:mini选择器实例代码详解; JQuery教程:获取网页表单值的方法

No. « ‹ 238 239 240 241 › »

技术文章搜索

关键字

Javascript 中的滚动条代码生成器

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

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