JS无缝垂直滚动字幕_文本链接特效

JS无缝垂直滚动字幕，酷吧，绝对是无缝滚动，很平滑，本代码量较少，实现了很好的控制，复制即可用哦。

<title>JS无缝水平滚动</title>
<style>
*{padding:0;margin:0;font-size:12px;}
#wrap{width:300px;background:#eee;}
#wrap li{height:22px;line-height:22px;}
</style>
<div id="wrap" style="overflow:hidden;height:100px;">  
	<ul id="box1">
		<li>1 <a href="#" title="信息公开工作">挺酷的VB打字效果，加载外部TXT文本</a></li>
		<li>2 <a href="#" title="信息公开工作">国务院办公厅转发监察部等部门 </a></li>
		<li>3 <a href="#" title="信息公开工作">数据表对拷程序Delphi控件版</a></li>
	</ul>
	<ul id="box2"></ul>
</div>

<div id="refer">
</div>
<script type="text/javascript">
var speed=50;
var $$=function(id){return document.getElementById(id);}
$$('box2').innerHTML=box1.innerHTML;
function roll(){
if($$('box2').offsetTop-$$('wrap').scrollTop<=0)  {  //当滚动到第二部分的顶部位置时
$$('wrap').scrollTop-=$$('box1').offsetHeight; //重置至第一部分顶部位置,相当于$$('box').scrollTop=0;
}
else{
$$('wrap').scrollTop++ ;
$$('refer').innerHTML=$$('box2').offsetTop+' '+$$('wrap').offsetHeight+' '+$$('wrap').scrollTop  //无他，参考值尔
}
	}
var start=setInterval(roll,speed);
$$('wrap').onmouseover=function() {clearInterval(start)};
$$('wrap').onmouseout=function() {start=setInterval(roll,speed)};
</script>

所属频道：文本链接特效/更新时间：2012-11-19

[收藏][报错][返回列表]

JS无缝垂直滚动字幕_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些