📄 marquee.hta

📁 《JavaScript网页开发体验式学习教程》的源代码

💻 HTA

字号:

	<body onload="scroll1()">
	<script language=javascript >
		var info = " IT资讯交流网";
		var seq1 = 0;
		var seq2 = 0;
		var space = 0;
		var timeid = 0;//setTimeout的返回值，clearTimeout要使用这个值作为参数。
		var timefunc = "scroll1()";
		function scroll1()
		{
			if(seq1 < info.length)//继续执行第一阶段
			{
				seq1 += 1;
				marquee1.innerText = info.substring(0,seq1);
				timeid = setTimeout("scroll1()",200);
				timefunc = "scroll1()";
			}
			else//进入第二阶段
			{
				seq1 = 0;
				timeid = setTimeout("scroll2()",200);
				timefunc = "scroll2()";
			}

		}
		function scroll2()
		{
			if(marquee1.offsetWidth < div1.clientWidth) //继续执行第二阶段
			{
				space += 1;
				var strSpace = "";
				for(var i=0; i<space; i++)
					strSpace += " ";
				marquee1.innerText = info + strSpace;
				timeid = setTimeout("scroll2()",200);
				timefunc = "scroll2()";
			}		
			else//进入第三阶段
			{
				div1.style.textAlign = "left";
				space = 0;
				timeid = setTimeout("scroll3()",200);
				timefunc = "scroll3()";
			}
		}
		function scroll3()
		{
			if(seq2 < info.length) //继续执行第三阶段
			{
				seq2 += 1;
				marquee1.innerText = info.substring(seq2,info.length);
				timeid = setTimeout("scroll3()",200);
				timefunc="scroll3()";
			}
			else//进入第一阶段
			{
				div1.style.textAlign = "right";
				seq2 = 0;
				timeid = setTimeout("scroll1()",200);
				timefunc = "scroll1()";
			}
		}
	</script>
	<div id=div1 style="POSITION: static;WIDTH: 500px; text-align=right">
		<span id=marquee1 onmouseover="clearTimeout(timeid)" 
			onmouseout="setTimeout(timefunc,200)"></span>
	</div>
	</body>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -