字体:  

WEB一行一行滚动的js代码

ELM 发表于: 2006-12-22 21:52 来源: 榆树社区

CODE:

<script language="">
var marqueeContent2=new Array();   //滚动新闻
marqueeContent2[0]='<font color=red>在这里写入你的标题,这是第1行</font>';
marqueeContent2[1]='<font color=blue>在这里写入你的标题,这是第2行</font>';
marqueeContent2[2]='<font color=black>在这里写入你的标题,这是第3行</font>';
marqueeContent2[3]='<font color=green>在这里写入你的标题,这是第4行</font>';
var marqueeInterval2=new Array();  //定义一些常用而且要经常用到的变量
var marqueeId2=0;
var marqueeDelay2=2800;
var marqueeHeight2=22;
//接下来的是定义一些要使用到的函数
function initMarquee2() {
var str2=marqueeContent2[0];
document.write('<div id=marqueeBox2 style="overflow:hidden;height:'+marqueeHeight2+'px" onmouseover="clearInterval(marqueeInterval2[0])" onmouseout="marqueeInterval2[0]=setInterval(\'startMarquee2()\',marqueeDelay2)"><div>'+str2+'</div></div>');
marqueeId2++;
marqueeInterval2[0]=setInterval("startMarquee2()",marqueeDelay2);
}
function startMarquee2() {
var str2=marqueeContent2[marqueeId2];
  marqueeId2++;
if(marqueeId2>=marqueeContent2.length) marqueeId2=0;
if(marqueeBox2.childNodes.length==1) {
  var nextLine2=document.createElement('DIV');
  nextLine2.innerHTML=str2;
  marqueeBox2.appendChild(nextLine2);
  }
else {
  marqueeBox2.childNodes[0].innerHTML=str2;
  marqueeBox2.appendChild(marqueeBox2.childNodes[0]);
  marqueeBox2.scrollTop=0;
  }
clearInterval(marqueeInterval2[1]);
marqueeInterval2[1]=setInterval("scrollMarquee2()",20);
}
function scrollMarquee2() {
marqueeBox2.scrollTop++;
if(marqueeBox2.scrollTop%marqueeHeight2==(marqueeHeight2-1)){
  clearInterval(marqueeInterval2[1]);
  }
}
initMarquee2();
      
   
</script>