【简单实现js无缝滚动效果图】简单实现js无缝滚动效果

更新时间:2021-06-14    来源:js教程    手机版     字体:

【www.bbyears.com--js教程】

 

 代码如下

 

 Document

 

 <script>

 window.onload = function(){

  function $(id){ return document.getElementById(id); }

  var timer = null;

  var num = 0;

  timer = setInterval(autoPlay,20);

  function autoPlay(){

   num--;

   if(num<=-1200){

     num = 0;

   }

   $("picBox").style.left = num + "px";  

  }

  $("picBox").onmouseover = function(){

   clearInterval(timer);

  }

  $("picBox").onmouseout = function(){

   timer = setInterval(autoPlay,20);

  }

 }

 </script>

 

  

   

   

   

   

   

   

  

 

 

本文来源:http://www.bbyears.com/wangyezhizuo/123610.html