Js text rolling effect

Tip: you can modify some code before running

<script>var marqueeContent=new Array(); //滚动新闻marqueeContent[1]='世界名牌理事会会员单位<br>';marqueeContent[2]='2008中国十大美容美体连锁机构<br>';marqueeContent[3]='2008中国十佳明星美容院<br>';marqueeContent[4]='商务部特许经营备案企业<br>';marqueeContent[0]='3.15诚信单位<br>';var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量var marqueeId=0;var marqueeDelay=2000;var marqueeHeight=20;function initMarquee() { var str=marqueeContent[0]; document.write('<div id=marqueeBox +marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>'); 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-1)){ clearInterval(marqueeInterval[1]); } }initMarquee();</script>

Tip: you can modify some code before running