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訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些