先上兩種輪播效果：漸隐和移動
效果一：漸隐
效果二：移動
接下來，我們來大緻說下整個輪播的思路：
一、先來看簡單的，移動的，先上來一個圖----移動效果圖：
說明：
基本原則就是順序是按照目前顯示的為基準：如目前為2，那麼順序就是2,3,4,1；如目前為3，那麼順序就是3,4,1,2。以此類推。
整個移動劃分為三種：1、下一個 2、上一個 3、任意個
1、下一個：margin-left:-圖寬；然後将“圖1”移到最後一個位置
2、上一個：将最後一個（圖4）移到第一個，設定margin-left:-圖寬，然後動作設定成margin-left:0
3、任意個：先判斷向前移，還是向後移動，然後根據基本原則就是順序是按照目前顯示的為基準，從新排列順序。
二、再來看漸隐輪播效果
這個在原來的效果上，唯一比較有亮點的就是“漸隐如何不讓圖檔白一下”？
圖1 圖2 圖3 圖4
圖1克隆
圖2 圖3 圖4 圖1
我采用clone了一張目前，并設定position: absolute;這樣當目前這樣的opacity變為0時，底下的圖2就顯示出來，這樣就不那麼生硬了。