JS代码完成带翻页效果的公告栏
编程（Programming）是编定程序的中文简称，就是让计算机代码解决某个问题，对某个计算体系规定一定的运算方式，使计算体系按照该计算方式运行，并最终得到相应结果的过程。为了使计算机能够理解（understand）人的意图，人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机，使得计算机能够根据人的指令一步一步去工作，完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。
【实例名称】
JS代码实现带翻页效果的公告栏
【实例描述】
公告栏通常需要marquee实现滚动效果，有时候因为页面的排版问题，町能需要翻页形式的公告栏。本例就学习如何实现这种功能。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#divMsg{
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(){ //开始翻页-调用move方法
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="divMsg">
张三奥运会历史性的突破，拿到了男子100米金牌<br/>
奥运会历史上的首位8金得主<br/>
北京奥运会欢迎志愿者的参与<br/>
奥运会带来了什么样的商机<br/>
北京奥运会2008年举行<br/>
娱乐新闻请转到娱乐主页<br/>
今天又获得一枚金牌<br/>
</div><script type="text/javascript">
Scroll.element = document.getElementById('divMsg');
Scroll.start();
</script>
<input type="button" value="开始" onclick="Scroll.start()"/>
<input type="button" value="停止" onclick="Scroll.stop()"/>
</body>
</html>
【运行效果】
【难点剖析】
本例的重点是显示信息高度的判断。代码中默认每行的高度为20，如果当前行的高度已经超过20，则调用定时器，根据指定的时间再显示下一行的信息。
【源码下载】
本实例JS代码下载
使用编程语言写的程序，由于每条指令都对应计算机一个特定的基本动作，所以程序占用内存少、执行效率高。
……