几种无缝切换的实现方法

一、五选四
　　共有5张图片，显示4张，实现无缝切换

　　每次切换时将前4张克隆加到ul末尾，切换后删除前4个，注意要每次删除第一个，删除4次

　

 

二、循环轮播图

arr.push(arr[0]);arr.shift(arr[0]);

三、华为轮播图
一共有多张，显示1张
利用position属性，每次循环到最后，将第一张图片position改为relative，挪到ul末尾，切换后复原

1.不管屏幕大小，图片始终充满屏幕宽度，图片居中，利用下述resize()方法

2.走到最后，将第一个元素position:relative;挪到最后

3.移动、复原

 

转载于:https://www.cnblogs.com/shytong/p/4960383.html