为了账号安全,请及时绑定邮箱和手机立即绑定

这样写会出错么

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>

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

正在回答

2 回答

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

这样写会出错么

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信