【JavaScript】滚动文字(一行一行间断滚动)
来源：互联网 发布：淘宝店铺怎样上传图片 编辑：程序博客网 时间：2024/06/11 15:24
<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">
