輪播圖_transform 版本

關鍵點：

• 2D 變換 transform 不會改變 元素 在 文件流 中的位置
• 定位 position 會改變 元素 在 文件流 中的位置

• touchstart 實現 無縫輪播：

建立兩組圖片，ulList.innerHTML = ulList.innerHTML;

1. 觸屏時，如果是第一組的第一張圖片，則瞬間切換到第二組的第一張圖片；

2. 觸屏時，如果是第二組的最後一張圖片，則瞬間切換到第一組的最後一張。

transform 讀寫二合一

關鍵點：

arguments 引數列表，類陣列物件，呼叫函式時系統隱式傳遞的一個實參

• (function(w){
      w.transformEle(){
          ?
      }
  }(window));

2

2

2