单条公告间歇性向上滚动的特效 - 共享世纪

热门源码 | 热门软件 | 高级搜索 | 网站地图 | 文章·软件投稿

本站推荐：共享世纪推荐的2010·互联网建站品牌CMS

Windows/Linux高性能主机
2G 155元，3G 198元，5G 300元，欢迎联系本站站长选购！

单条公告间歇性向上滚动的特效

脚本类别：文本操作　添加时间：2010-01-04　查看次数：　作者：ONEBOYS

脚本代码

<style>
	*{padding:0;margin:0;}
	#wrap li{height:30px;line-height:30px;}
</style>
<div id="wrap" style="height:30px;overflow:hidden;background:#eee" >  
	<ul id="box1">
		<li><a href="#">1两会会谈在即陈抵台 台湾警方加强维安。(09-09:15)</a></li>
		<li><a href="http://www.2ky.cn">2两会会谈在即a抵台 台湾警方加强维安。(09-09:15)</a></li>
		<li><a href="#">3两会会谈在即s抵台 台湾警方加强维安。(09-09:15)</a></li>
	</ul>
	<ul id="box2">
	</ul>
</div>

 <div id="cc"> </div>
 <script type="text/javascript">
	var $$=function(id){return document.getElementById(id);}
	var start;
	$$('box2').innerHTML=$$('box1').innerHTML;
	function roll(){
		wrap.scrollTop++;
		$$('cc').innerHTML=wrap.scrollTop;   //无用，纯粹做参考数值
		 if($$('box1').offsetHeight-wrap.scrollTop>0){  //尚未滚动到第二部分的顶部位置时
			 if(wrap.scrollTop%wrap.offsetHeight!=0)  //
			 {
				return(setTimeout(roll,20));	 //20毫秒即递归一次
			 }
			 else{						//当滚动的累计距离达到显示域高度的倍数时
				return(setTimeout(roll,2000));  //等待2秒才递归调用
			 }
		 }
		 else{
				setTimeout("$$('wrap').scrollTop=0;roll()",2000);
			}
	}
	setTimeout(roll,2000)
 </script>

loading...

当前页面所处路径为共享世纪 / 脚本特效 / 文本操作 / ，本特效的Tag为：共享世纪

此滚动效果为循环且无缝衔接的。

Copyright·2006-2011 共享世纪 All Rights Reserved. Powered by lennyash，QQ联系站长
西公网监备:XA10870S - 陕ICP备08103724号 - （高级站长群:22181808，入门站长群:120111523）
共享世纪，已通过W3C组织XHTML/CSS 2.1! WEB标准校验！鸣谢：59互联带宽赞助 -