无聊做了一个简陋的轮播

原理如动图

即在最边的地方加了一个假冒的第一个,且图层比真的都要高.

当运行到第三个的时候,假冒的那个刚好也紧随最后一个,到达指定地方,

把真的给覆盖,

此时,再把真的left初始化为0,就给人一个错觉是循环的

在父级加了overflow:hidden之后,就变成

 

代码如下

1      49  50  51     
     
       52         
      
        53             
       
1
 54             
       
2
 55             
       
3
 56         
      
 57         
      
       1
      
 58     
     
 59     100