来源:中国自学编程网
用法很简单:
var scroll = new ScrollText("content","pre","next",true);
第一个参数是滚动区的id,第二个是显示上一条的按钮的id,第三个是显示下一条的按钮的id,第四个是是否直接开始滚动,为false的话后面再scroll.Start()就OK了。
ScrollText.js
1
function ScrollText(content,btnPrevious,btnNext,autoStart)
2
}
2
Demo.Htm
1
<html xmlns="http://www.w3.org/1999/xhtml" >
2
3
<head>
4
<title>Untitled Page</title>
5
<script language="javascript" type="text/javascript" src="ScrollText.js"></script>
6
</head>
7
<body>
8
<div id="pre" style="width:20px;height:20px;float:left;text-align:center;background-color:#EEEEEE;border:solid 1px #888888;">↑</div>
9
<div id="content" style="height:20px;line-height:20px;overflow:hidden;float:left;width:120px;border:solid 1px #0000FF;">
10
hello1
..<br>
11
hello2
..<br>
12
hello3
..<br>
13
hello4
..<br>
14
hello5
..<br>
15
hello6
..<br>
16
hello7
..<br>
17
hello8
..<br>
18
</div>
19
<div id="next" style="width:20px;height:20px;float:left;text-align:center;background-color:#EEEEEE;border:solid 1px #888888;">↓</div>
20
>
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20