这样写会出错么

来源:4-1 无限滚动

Heson

2014-11-17 16:49

function animate(num){
    var newLeft = parseInt(list.style.left) + num
    list.style.left = newLeft + 'px';
    if(newLeft > 0){
           list.style.left = -2400 + 'px';
    }else if(newLeft < -2400){
           list.style.left = 0;
           }
    }
    next.onclick = function(){
           animate(-num);
    }
    prev.onclick = function(){
           animate(num);
    }
    <div id="list" style="left:0px">
        <img src="img/1.jpg" alt="pic">
        <img src="img/2.jpg" alt="pic">
        <img src="img/3.jpg" alt="pic">
        <img src="img/4.jpg" alt="pic">
        <img src="img/5.jpg" alt="pic">
    </div>

直接这样貌似也可以啊,不用模拟第一个跟最后一个图好像点起来也没问题

写回答 关注

1回答

  • 铭筱
    2016-01-04 16:03:24

    模拟第一个和最后一个图是为了优化显示效果。因为会首先执行第三行的代码,如果没有模拟图的话会有那么一瞬间显示空白,虽然可能肉眼很难看出来,但为了优化起见,还是加上模拟图比较好

焦点图轮播特效

通过本教程学习您将能掌握非常实用的焦点图轮播特效的制作过程

65296 学习 · 611 问题

查看课程

相似问题