js ,文字滚动(多行停顿)
<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>多行例子:(每屏一行)</p>
<div id="scrollBox">
<ul>
<li><a href="http://www.cookseo.com/article/web/29.htm" target="_blank">静态页面如何调用动态数据,实现静态页面动态显示</a></li>
<li><a href="http://www.cookseo.com/article/css/126.htm" target="_blank">css之解决span宽度的完美方案</a></li>
<li><a href="http://www.cookseo.com/article/soft/125.htm" target="_blank">Flash9.0 Player_Flash播放器中文版下载</a></li>
<li><a href="http://www.cookseo.com/article/css/2.htm" target="_blank">三列布局且能自适应高度完美解决方案</a> </li>
</ul>
</div>
<p>多行例子:(每屏四行)</p>
<div id="scrollBox2">
<ul>
<li><a href="http://www.cookseo.com/article/soft/5.htm" target="_blank">Leap Ftp 绿色FTP软件(破解注册版)</a></li>
<li><a href="http://www.cookseo.com/article/css/35.htm" target="_blank">DIV+CSS 自适应高度(在IE6、IE7、fireFox下测试通过)</a></li>
<li><a href="http://www.cookseo.com/article/web/88.htm" target="_blank">HTTP 401.5 - 未经授权:ISAPI/CGI 应用程序授权失败的解决方法</a></li>
<li><a href="http://www.cookseo.com/article/css/2.htm" target="_blank">三列布局且能自适应高度完美解决方案</a></li>
<li><a href="http://www.cookseo.com/article/soft/71.htm" target="_blank">一键清理系统垃圾文件.bat[批处理文件]</a></li>
<li><a href="http://www.cookseo.com/article/soft/9.htm" target="_blank">极点五笔绿色版(免安装版)</a></li>
<li><a href="http://www.cookseo.com/article/web/53.htm" target="_blank">仿阿里巴巴滑动门效果</a></li>
<li><a href="http://www.cookseo.com/article/web/124.htm" target="_blank">如何给Flash加上超链接?</a></li>
<li><a href="http://www.cookseo.com/article/seo/32.htm" target="_blank">pr值的消失和pr值的疯涨!!!让人郁闷让人不解</a></li>
<li><a href="http://www.cookseo.com/article/web/29.htm" target="_blank">静态页面如何调用动态数据,实现静态页面动态显示</a></li>
<li><a href="http://www.cookseo.com/article/css/126.htm" target="_blank">css之解决span宽度的完美方案</a></li>
<li><a href="http://www.cookseo.com/article/soft/125.htm" target="_blank">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,40);
}
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,2000);
}
this.init = this.addScroll;
}
//类的调用方法,可多个
new Dron_ScrollBox("scrollBox").init();
new Dron_ScrollBox("scrollBox2").init();
</script>