网页中翻页式的公告版是怎么实现的？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#test{
line-height:20px;
height:20px;
overflow:hidden;
}
</style>
<script type="text/javascript">
var Scroll = new function(){
this.delay   = 2000; //延时
this.height  = 20; //一行高度
this.step    = 4; //步长
this.curHeight= 0;
this.stimer  = null;
this.timer   = null;
this.start   = function(){
this.move();
}
this.move  = function(){
var self = this;
if(this.curHeight == this.height)
{
this.timer = setTimeout(function(){
self.move();
}, this.delay);
this.curHeight = 0;
if(this.element.scrollTop >= this.element.scrollHeight - this.height){
this.element.scrollTop = 0;
}
return true;
}
this.element.scrollTop += this.step;
this.curHeight += this.step;
this.timer = setTimeout(function(){
self.move();
}, 30);
}
this.stop = function(){
clearTimeout(this.timer);
}
}
</script>
</head>
<body>
<div id="test">
中国推出Excel服务器<br/>
40多位外教逼您说英语<br/>
学3G!做软件特种兵!!<br/>
２００７靠教育赚钱！<br/>
学网络拿高薪北大青鸟<br/>
点击就送英语红宝书<br/>
中国推出Excel服务器<br/>
</div><script type="text/javascript">
Scroll.element = document.getElementById('test');
Scroll.start();
</script>
<input type="button" value="start" onclick="Scroll.start()"/>
<input type="button" value="stop" onclick="Scroll.stop()"/>
</body>
</html>