jQuery超酷旋转轮播

原理

• 先设想一个立方体，但是观看本轮播，发现不需要左右两个面，所以去掉左右两个面，留下前后上下4个面。用4个div表示。因为整体不涉及到左右两个面，所以没有左右面。

• 每一张图片都可以切割成x个立方体，每一个立方体用一个li表示，然后这x个li的4个div的背景图片动态设置。

• 同一个li里面所有div背景图片相同，通过background-position和js动态设置偏移量。可以控制整个图片的背景不乱。

• var x=300;//此值代表旋转分成的块数，可以更改，越大效果越明显，分成的越多。建议不超过999.过大会出现卡顿现象。    

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