marquee.js
上传用户:u_thks
上传日期:2022-07-31
资源大小:1910k
文件大小:1k
源码类别:

WEB源码(ASP,PHP,...)

开发平台:

Java

  1. var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量
  2. var marqueeId=0;
  3. var marqueeDelay=2000;
  4. var marqueeHeight=17;
  5. //接下来的是定义一些要使用到的函数
  6. function initMarquee() {
  7.     var str=marqueeContent[0];
  8.     document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval('startMarquee()',marqueeDelay)"><div>'+str+'</div></div>');
  9.     marqueeId++;
  10.     marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
  11.     }
  12. function startMarquee() {
  13.     var str=marqueeContent[marqueeId];
  14.         marqueeId++;
  15.     if(marqueeId>=marqueeContent.length) marqueeId=0;
  16.     if(marqueeBox.childNodes.length==1) {
  17.         var nextLine=document.createElement('DIV');
  18.         nextLine.innerHTML=str;
  19.         marqueeBox.appendChild(nextLine);
  20.         }
  21.     else {
  22.         marqueeBox.childNodes[0].innerHTML=str;
  23.         marqueeBox.appendChild(marqueeBox.childNodes[0]);
  24.         marqueeBox.scrollTop=0;
  25.         }
  26.     clearInterval(marqueeInterval[1]);
  27.     marqueeInterval[1]=setInterval("scrollMarquee()",60);
  28.     }
  29. function scrollMarquee() {
  30.     marqueeBox.scrollTop++;
  31.     if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-30)){
  32.         clearInterval(marqueeInterval[1]);
  33.         }
  34.     }
  35. initMarquee();