js文字滚动制作js scroll单排文字滚动向上间歇滚动



89 355 119



特效描述:文字滚动制作 单排文字滚动 向上间歇滚动,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

加群请备注:从官网了解到