js文字滾動制作js scroll單排文字滾動向上間歇滾動



91 363 122



特效描述:文字滾動制作 單排文字滾動 向上間歇滾動,js文字特效制作一個js文字滾動效果控制單排向上間歇滾動 scroll 文字滾動,內含js代碼下載。

代碼結構

1. HTML代碼

<div id="scrollWrap"> 
	<ul id="scrollMsg"> 
		<li><a href="http://www.dijiuzhanzhang.com/">javascript滾動圖片插件支持單排圖片上下滾動、圖片無縫滾動</a></li>
		<li><a href="http://www.dijiuzhanzhang.com/">javascript滾動圖片帶按鈕控制上下左右自動無縫滾動</a></li>
		<li><a href="http://www.dijiuzhanzhang.com/">javascript滾動圖片按鈕控制圖片左右自動滾動</a></li>
		<li><a href="http://www.dijiuzhanzhang.com/">js選項卡類似js導航菜單的js tab選項卡切換效果</a></li>
	</ul>
</div> 
<script type="text/javascript">
try{ 
	var isStoped = false; 
	var oScroll = document.getElementById("scrollWrap"); 
	with(oScroll){ 
		noWrap = true; 
	} 
	oScroll.onmouseover = new Function('isStoped = true'); 
	oScroll.onmouseout = new Function('isStoped = false'); 
	var preTop = 0; 
	var curTop = 0; 
	var stopTime = 0; 
	var oScrollMsg = document.getElementById("scrollMsg");
	oScroll.appendChild(oScrollMsg.cloneNode(true)); 
	init_srolltext();
}catch(e){} 
function init_srolltext(){ 
	oScroll.scrollTop = 0; 
	setInterval('scrollUp()', 15); 
}
function scrollUp(){ 
	if(isStoped)
	return; 
	curTop += 1; 
	if(curTop == 19){ 
		stopTime += 1; 
		curTop -= 1; 
		if(stopTime == 180){ 
			curTop = 0; 
			stopTime = 0; 
		} 
	}else{ 
		preTop = oScroll.scrollTop; 
		oScroll.scrollTop += 1; 
		if(preTop == oScroll.scrollTop){ 
			oScroll.scrollTop = 0; 
			oScroll.scrollTop += 1; 
		} 
	} 
}
</script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊
admin
關注
TA的相關作品 >>更多
熱搜關鍵詞
熱門下載


熱門標簽:
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表