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

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

Javascript: 一定时间滚动的链接菜单效果; 超链接的陷下效果; 用js实现的打字效果的带链接的新闻标题; js实现的很酷的连接提示效果; 再谈IE中Flash控件的自动激活 ObjectWrap; 超级兔子让浮动层消失的前因后果; 在线编辑器的实现原理(兼容IE和FireFox); B/S开发中常用javaScript技术与代码; 用JavaScript事件串连执行多个处理过程的方法; Javascript中的Split使用方法与技巧; HTML在线编辑器的基本概念与相关资料; Js+DVML很酷漂亮实用的右键弹出菜单; 用js实现的比较经典实用的触发型导航菜单; js中slice()方法的使用说明; 基础的prototype.js常用函数及其用法; 常用限制input的方法的js代码; 又一个图片自动缩小的JS代码; JavaScript触发器详解; 理解Javascript的caller,callee,call,apply区别; 一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

No. « ‹ 54 55 56 57 › »

技术文章搜索

关键字

Javascript 中的滚动条代码生成器

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

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