文本向上滚动可指定间隔时间代码,JS代码库,德仔网

代码语言

代码分类

【JS】文本向上滚动可指定间隔时间

作者:Dezai.CN / 发布于2013/6/27/ 742


	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html>
	<title>文本向上滚动可指定间隔时间-解放出你的部分写代码时间来思考更高层次的设计</title>
	<head>
	<style type="text/css">
	<!--
	/*滚动样式*/
	#scrolllayer {float:left;overflow:hidden;height:18px;width:100%; display:block; margin-top:3px; border:1px red solid;}
	#scrollmessage {float:left;text-align:left;width:100%;font-size:12px;font-family: "宋体";}
	#scrollmessage ul {list-style:none; padding:0; margin:0;}
	#scrollmessage li {line-height:18px;color:#FF0000;}
	#scrollmessage li a{color:#FF0000; text-decoration:none;}
	-->
	</style>
	</head>
	<body>
	<div id="scrolllayer">
	<div id="scrollmessage">
	<ul>
	<li><a href="http://www.51xuediannao.com/js/" target="_blank" title="懒人建站只收录实用和能提高用户体验的代码">懒人建站只收录实用和能提高用户体验的代码</a></li>
	<li><a href="http://51xuediannao.com/" target="_blank" title="解放出你的部分写代码时间来思考更高层次的设计">解放出你的部分写代码时间来思考更高层次的设计</a></li>
	<li><a href="http://www.51xuediannao.com/JS/texiao/" target="_blank" title="懒人建站--网页特效">懒人建站--网页特效</a></li>
	<li><a href="http://www.51xuediannao.com/JS/Slide/" target="_blank" title="懒人建站--焦点幻灯片">懒人建站--焦点幻灯片</a></li>
	</ul>
	</div>
	</div>
	<script type="text/javascript" language="javascript">
	<!--
	//以下参数酌情修改
	try{
	var marqueesHeight = 18; //高度
	var stopscroll = false;
	var scrollElem = document.getElementById("scrolllayer");
	with(scrollElem){
	style.width = 500;//宽度
	style.height = marqueesHeight;
	style.overflow = 'hidden';
	noWrap = true;
	}
	scrollElem.onmouseover = new Function('stopscroll = true');
	scrollElem.onmouseout = new Function('stopscroll = false');
	var preTop = 0;
	var currentTop = 0;
	var stoptime = 0;
	var leftElem = document.getElementById("scrollmessage");
	scrollElem.appendChild(leftElem.cloneNode(true));
	init_srolltext();
	}catch(e) {}
	function init_srolltext(){
	scrollElem.scrollTop = 0;
	setInterval('scrollUp()', 15); //滚动速度
	}
	function scrollUp(){
	if(stopscroll) return;
	currentTop += 1;
	if(currentTop == 19) { //滚动距离
	stoptime += 1;
	currentTop -= 1;
	if(stoptime == 220) { //停顿时间
	currentTop = 0;
	stoptime = 0;
	}
	}else{
	preTop = scrollElem.scrollTop;
	scrollElem.scrollTop += 1;
	if(preTop == scrollElem.scrollTop){
	scrollElem.scrollTop = 0;
	scrollElem.scrollTop += 1;
	}
	}
	}
	//-->
	</script>

	

	

	

	

	

	

	

	

	

	

	


	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　文本向上滚动　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)