jQuery超酷旋轉(zhuǎn)輪播

原理

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

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

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

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

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