无缝滚动的三种写法（简易版）

第一种：利用css3中的自定义动画animation所形成的无缝滚动

（相对来说比较简单）

代码如下：

 


    

        

           
1
           
2
           
3
           
4
           
5
           
1
           
2
           
3
           
4
           
5
        
    

效果示意图

4619317069.gif

第二种：原生js版的无缝滚动

代码如下：

效果示意图

8107437984.gif

第三种：jQuery版的无缝滚动

代码如下：

jQuery版我是仿照js版，因此逻辑思维一致，效果一样

效果示意图

8107437984.gif