滚动停顿代码


http://www.w3.org/1999/xhtml">

   

function Roll(obj,obj1,speed,stopPx){  //几个参数的含义是, 外框的名字, 中间放内容的DIV的名字, 滚动动的速度, 每多少象素停一下
 if (speed==null){speed=30}
 if (stopPx==null){stopPx=100}
 
 obj=document.getElementById(obj);
 obj1=document.getElementById(obj1);
 obj.style.overflow="hidden";
 
 var tObj=document.createElement("div")
 obj2=obj.appendChild(tObj);
 obj2.style.cssText=obj1.style.cssText;
 obj2.className=obj1.className;
 obj2.innerHTML=obj1.innerHTML;
 var movePx=0;
 var MyMar;
 var stopTime=4000; //改这里可以改停留的时间, 现在设置的是4秒,
 
 function Marquee()
 {
  movePx++;
  if (movePx>stopPx){
   movePx=0;
  clearInterval(MyMar);
  rollNext();
   return;
  }
  if(obj2.offsetTop-obj.scrollTop<=0)
   obj.scrollTop-=obj1.offsetHeight;
  else
   obj.scrollTop++;
 }
  
 function rollNext(){
  setTimeout(start,stopTime); 
 }
 
 function start(){
  MyMar=setInterval(Marquee,speed)
 }
 setTimeout(start,stopTime);
}



 
  


   
   1 . AABBCCDD

   2 . AABBCCDD

   3 . AABBCCDD

   4 . AABBCCDD

   5 . AABBCCDD

   6 . AABBCCDD

   7 . AABBCCDD

   8 . AABBCCDD

   9 . AABBCCDD

   10 . AABBCCDD

   11 . AABBCCDD

   12 . AABBCCDD

   13 . AABBCCDD

   
   
  




 Roll("myDiv","bodyDiv",30,21)








 
  


   
   a. 123456

   B. 123456

   C. 123456

   D. 123456

   E. 123456

   F. 123456

   G. 123456

   H. 123456

   I. 123456

   J. 123456

   K. 123456

   L. 123456

   M. 123456

   
   
  




 Roll("DIV2","DIV3",30,81)


请使用浏览器的分享功能分享到微信等