异形滚动轮播图---jquery实现

效果图：

点击左右轮播按钮，实现图片滚动

第一种实现方式

列表li列表头部和尾部放置一个节点：

1. 首先获取元素集合及位置集合【每个号码牌的定位width,height,left,top信息】放到json中

2. 然后在右按钮点击后，将元素集合头元素移至尾部，然后根据位置集合对应每个元素重新渲染位置，就会出现移动的效果

3. 但是这个问题是当10号码牌移动到尾部时，会出现穿透效果，也就是10会平移到9的位置上

4. 解决办法：当新位置为0的时，将display设为none,然后让其运动到尾部，再在animate()函数回调函数上，将元素display:block就可以了。

for (var i = 0; i < arr.length; i++) {
    if (i == 0) {
        arr[i].css("display", "none").animate(SEAT[i], function() {
            $(this).css("display"