一、五選四
共有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.移動、復原