【JavaScript】滚动文字(一行一行间断滚动)

本文链接：https://blog.youkuaiyun.com/csdou/article/details/6965939

<style type="text/css">
<!--
body {
	font-size: 12px;
	line-height: 14px;
}
a {
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}
a:visited {
	color: #0000FF;
}
a:link {
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
-->
</style>
<script>
//滚动新闻内容
var marqueeContent=new Array();
marqueeContent[0]='<a href=http://www.mesoft.net target=_blank>小泉称若自民党在议会选举中失败</a><br>';
marqueeContent[1]='<a href=http://www.mesoft.net target=_blank>布什发表广播讲话</a><br>';
marqueeContent[2]='<a href=http://www.mesoft.net target=_blank>伊斯兰武装炸毁印控克什米尔铁路导致列车出轨</a><br>';
marqueeContent[3]='<a href=http://www.mesoft.net target=_blank>布雷默：即使抓住了萨达姆也难以结束抵抗行动</a><br>';
//定义常用变量
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=3000;
var marqueeHeight=14;
//定义函数
function initMarquee() {
	var str=marqueeContent[0];
	document.write('<div id=marqueeBox style=" overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div style="background-color:#0000ff;">'+str+'</div></div><br>');
	marqueeId++;
	marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
	}
function startMarquee() {
	var str=marqueeContent[marqueeId];
		marqueeId++;
	if(marqueeId>=marqueeContent.length) marqueeId=0;
	if(marqueeBox.childNodes.length==1) {
		var nextLine=document.createElement('DIV');
		nextLine.innerHTML=str;
		marqueeBox.appendChild(nextLine);
		}
	else {
		marqueeBox.childNodes[0].innerHTML=str;
		marqueeBox.appendChild(marqueeBox.childNodes[0]);
		marqueeBox.scrollTop=0;
		}
	clearInterval(marqueeInterval[1]);
	marqueeInterval[1]=setInterval("scrollMarquee()",20);
	}
function scrollMarquee() {
	marqueeBox.scrollTop++;
	if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight)){
		clearInterval(marqueeInterval[1]);
		}
	}
initMarquee();
</script>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="overflow-x:hidden;overflow-y:hidden">