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>
直接这样貌似也可以啊,不用模拟第一个跟最后一个图好像点起来也没问题
模拟第一个和最后一个图是为了优化显示效果。因为会首先执行第三行的代码,如果没有模拟图的话会有那么一瞬间显示空白,虽然可能肉眼很难看出来,但为了优化起见,还是加上模拟图比较好
焦点图轮播特效
65296 学习 · 611 问题
相似问题