ITPub博客

首页 > Linux操作系统 > Linux操作系统 > 滚动停顿代码

滚动停顿代码

原创 Linux操作系统 作者:fangqm 时间:2010-08-30 20:31:46 0 删除 编辑


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

   
<!---以下这段代码丢到网页的任意位置, 最好是在HEAD和/HEAD中间---->

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);
}


<!---以上这段代码丢到网页的任意位置, 最好是在HEAD和/HEAD中间---->


 
  


   <!--在这里面放要滚动的内容,可以是任何HTML代码-->
   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

   
   <!--上面要要滚动的HTML代码-->
  


<!--这个代码放到要滚动的层的后面-->

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








 
  


   <!--在这里面放要滚动的内容,可以是任何HTML代码-->
   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

   
   <!--上面要要滚动的HTML代码-->
  


<!--这个代码放到要滚动的层的后面-->

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


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/23109131/viewspace-672162/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 用CSS实现圆角边框效果的方法
下一篇: 强烈推荐:240多个jQuery插件 (全选)
请登录后发表评论 登录
全部评论
创业项目 https://u.rscode.cn

注册时间:2010-03-24

最新文章