Web-API轮播图总结

• 图片最后一张向右按钮问题：
  解决方案：克隆第一个图片到最后 相继改变了ul.children.length 需要4张图片 给了5张图片 当num = ul.children.length - 1 时，图片内容是第一张内容 但其实试剂是第五张图片 这时就需要复原ul坐标为一开始的坐标

//克隆最后一个图片
    var first = ul.children[0].cloneNode(true);
    ul.appendChild(first);

if (num == ul.children.length - 1) {
            ul.style.left = 0;
            num = 0;
        }

• 图片第一张向左按钮问题：
  解决方案：将图片回到坐标最后一张 但实际内容是第一张内容

//最后一张 要复原
        if (num == 0) {
            num = ul.children.length - 1;
            ul.style.left = -num * focusWidth;

        }

注： 最后可以进行相关代码优化 ，对相同代码进行函数的封装