今天在做页面的时候，用到了一个js特效，就是滚动一下，停顿一下，然后继续滚动，再停顿。这种效果实现起来比较简单，下面把代码贴出来，适用于文字或者图片一行一行的滚动，或者一段一段的滚动(兼容IE与FF)。 代码如下：
<style type="text/css">
* { margin:0; padding:0; font-size:12px; }
#scrollBox
{
width:400px;
height:20px;
line-height:20px;
overflow:hidden;
margin:10px;
}
#scrollBox2
{
width:400px;
height:80px;
line-height:20px;
overflow:hidden;
margin:10px;
}</style></p>
<p>多行例子：（每屏一行）</p>
<div id="scrollBox">
<ul>
<li><a href="http://www.cookseo.com/article/web/29.htm">静态页面如何调用动态数据，实现静态页面动态显示</a></li>
<li><a href="http://www.cookseo.com/article/css/126.htm">css之解决span宽度的完美方案</a></li>
<li><a href="http://www.cookseo.com/article/soft/125.htm">Flash9.0 Player_Flash播放器中文版下载</a></li>
<li><a href="http://www.cookseo.com/article/css/2.htm">三列布局且能自适应高度完美解决方案</a></li>
</ul>
</div>
<p>多行例子：（每屏四行）</p>
<div id="scrollBox2">
<ul>
<li><a href="http://www.cookseo.com/article/soft/5.htm">Leap Ftp 绿色FTP软件(破解注册版)</a></li>
<li><a href="http://www.cookseo.com/article/css/35.htm">DIV+CSS 自适应高度(在IE6、IE7、fireFox下测试通过)</a></li>
<li><a href="http://www.cookseo.com/article/web/88.htm">HTTP 401.5 - 未经授权：ISAPI/CGI 应用程序授权失败的解决方法</a></li>
<li><a href="http://www.cookseo.com/article/css/2.htm">三列布局且能自适应高度完美解决方案</a></li>
<li><a href="http://www.cookseo.com/article/soft/71.htm">一键清理系统垃圾文件.bat[批处理文件]</a></li>
<li><a href="http://www.cookseo.com/article/soft/9.htm">极点五笔绿色版（免安装版）</a></li>
<li><a href="http://www.cookseo.com/article/web/53.htm">仿阿里巴巴滑动门效果</a></li>
<li><a href="http://www.cookseo.com/article/web/124.htm">如何给Flash加上超链接?</a></li>
<li><a href="http://www.cookseo.com/article/seo/32.htm">pr值的消失和pr值的疯涨！！！让人郁闷让人不解</a></li>
<li><a href="http://www.cookseo.com/article/web/29.htm">静态页面如何调用动态数据，实现静态页面动态显示</a></li>
<li><a href="http://www.cookseo.com/article/css/126.htm">css之解决span宽度的完美方案</a></li>
<li><a href="http://www.cookseo.com/article/soft/125.htm">Flash9.0 Player_Flash播放器中文版下载</a></li>
</ul>
</div>
<script type="text/javascript">
function Dron_ScrollBox(uid)
{
this.scrollBox = document.getElementById(uid);
this.scrollBoxHeight = this.scrollBox.clientHeight;
this.scrollBoxInner = this.scrollBox.innerHTML;
this.scrollCol = this.scrolln = 0;
this.setScroll = function ()
{
this.scrollBox.scrollTop = this.scrollCol + this.scrolln;
if(this.scrolln==this.scrollBoxHeight)
return this.addScroll()
else
this.scrolln ++;
var o = this;
function m(){o.setScroll();}
setTimeout(m,20);
}
this.addScroll = function ()
{
this.scrollBox.innerHTML += "<br>" + this.scrollBoxInner;
this.scrollCol = this.scrollBox.scrollTop;
this.scrolln = 0;
var o = this;
function m(){o.setScroll();}
setTimeout(m,1000);
}
this.init = this.addScroll;
}
//类的调用方法，可多个
new Dron_ScrollBox("scrollBox").init();
new Dron_ScrollBox("scrollBox2").init();
</script>