JS無縫垂直滾動字幕_文本鏈接特效

JS無縫垂直滾動字幕，酷吧，絕對是無縫滾動，很平滑，本代碼量較少，實現(xiàn)了很好的控制，復(fù)制即可用哦。

<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="信息公開工作">國務(wù)院辦公廳轉(zhuǎn)發(fā)監(jiān)察部等部門 </a></li>
		<li>3 <a href="#" title="信息公開工作">數(shù)據(jù)表對拷程序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)  {  //當(dāng)滾動到第二部分的頂部位置時
$$('wrap').scrollTop-=$$('box1').offsetHeight; //重置至第一部分頂部位置,相當(dāng)于$$('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

[收藏][報錯][返回列表]

相關(guān)文本鏈接特效：

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索JS無縫垂直滾動字幕
特效說明：
文本鏈接模板-JS無縫垂直滾動字幕。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

JS無縫垂直滾動字幕_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些