一个不错的例子

提示:一个滚动轮显的例子.

1.将下面的代码复制到<body>内显示效果的位置
<script language="JavaScript" src="dhtmllib.js"></script> <script language="JavaScript" src="scroller.js"></script> <script language="JavaScript"> /* Mike's DHTML scroller (By Mike Hall @ Brainjar.com) Permission granted to Dynamicdrive.com to include script in archive For this and 100's more DHTML scripts, visit http://dynamicdrive.com */ //设置内空与属性 var myScroller1 = new Scroller(0, 0, 480, 32, 1, 8); myScroller1.setColors("#006600", "#ccffcc", "#009900"); myScroller1.setFont("Verdana,Arial,Helvetica", 2); myScroller1.addItem("<b>Click here for <a href='../../../dynamicdrive.com/index.html'>Dynamic Drive</a>, the net\'s #1 DHTML site!</b>"); myScroller1.addItem("<b>Visit <a href='../../../www.brainjar.com/index.html'>Brain Jar</a>, Mike\'s great coding site!</b>"); myScroller1.addItem("<b>Looking for free JavaScripts? Visit <a href='../../../wsabstract.com/index.html'>Website Abstraction.</a>"); myScroller1.addItem("<b>Stay abreast on the latest technology news, with <a href='../../../news.com/index.html'>News.com.</a></b>"); function runmikescroll() { var layer; var mikex, mikey; // Locate placeholder layer so we can use it to position the scrollers. layer = getLayer("placeholder"); mikex = getPageLeft(layer); mikey = getPageTop(layer); // Create the first scroller and position it. myScroller1.create(); myScroller1.hide(); myScroller1.moveTo(mikex, mikey); myScroller1.setzIndex(100); myScroller1.show(); } window.onload=runmikescroll </script> <div id="placeholder" style="position:relative; width:420px; height:32px;"> </div>

2.这里用到两个外部的JS
1) dhtmllib.js
2) scroller.js

3.Script内部分解析

new Scroller(0,0,480,32,1,8);参数分别代表下面的内容
Scroller(x, y, width, height, border, padding)

setColors(fgcolor, bgcolor, bdcolor) 默认为黑色,白色,黑色

setFont(face, size) 默认为"Arial,Helvetica"与 2

setSpeed(pps) 默认值为50

addItem(str) 加入滚动内容

4.请按Script内的指示按你的需要修改，我已把重点部分翻译了。还有不明白的地方请到论坛发表。