不间断向上滚动代码,JS代码库,德仔网

代码语言

代码分类

【JS】不间断向上滚动

作者:Dezai.CN / 发布于2013/9/25/ 424


	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
	<meta name="Copyright" content="懒人图库 http://www.lanrentuku.com/" />
	<meta name="description" content="学会偷懒，并懒出境界是提高工作效率最有效的方法！" />
	<meta content="懒人图库" name="keywords" />
	<title>懒人图库</title>
	</head>

	<body><DIV id=marquees><A href="javascript:">1,你可曾有过无数的梦想，</A><BR><BR><A
	href="javascript:">2,却在时光的流逝里幻灭 </A><BR><BR><A
	href="javascript:">3,你可曾对未来期待憧憬，</A><BR><BR><A
	href="javascript:">4,却在成长的岁月中迷失</A><BR><BR></DIV>
	<SCRIPT language=JavaScript>

	marqueesHeight=200;
	stopscroll=false;

	with(marquees){
	 style.width=0;
	 style.height=marqueesHeight;
	 style.overflowX="visible";
	 style.overflowY="hidden";
	 noWrap=true;
	 onmouseover=new Function("stopscroll=true");
	 onmouseout=new Function("stopscroll=false");
	}
	document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

	preTop=0; currentTop=0;

	function init(){
	 templayer.innerHTML="";
	 while(templayer.offsetHeight<marqueesHeight){
	 templayer.innerHTML+=marquees.innerHTML;
	 }
	 marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
	 setInterval("scrollUp()",20);//越大越慢
	}
	document.body.onload=init;

	function scrollUp(){
	 if(stopscroll==true) return;
	 preTop=marquees.scrollTop;
	 marquees.scrollTop+=1;
	 if(preTop==marquees.scrollTop){
	 marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
	 marquees.scrollTop+=1;
	 }
	}
	</SCRIPT>
	

	</body>
	</html>

评论列表

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

试试其它关键字

　不间断向上滚动　

同语言下

可能有用的

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