原理

• 先設(shè)想一個立方體，但是觀看本輪播，發(fā)現(xiàn)不需要左右兩個面，所以去掉左右兩個面，留下前后上下4個面。用4個div表示。因為整體不涉及到左右兩個面，所以沒有左右面。

• 每一張圖片都可以切割成x個立方體，每一個立方體用一個li表示，然后這x個li的4個div的背景圖片動態(tài)設(shè)置。

• 同一個li里面所有div背景圖片相同，通過background-position和js動態(tài)設(shè)置偏移量?？梢钥刂普麄€圖片的背景不亂。

• var x=300;//此值代表旋轉(zhuǎn)分成的塊數(shù)，可以更改，越大效果越明顯，分成的越多。建議不超過999.過大會出現(xiàn)卡頓現(xiàn)象。    

大于一定圖片可能不清晰。