轮播项一共有四个,屏幕可以出现三个,我在html中并排放置了两份,用来实现无线轮播,可是当位置在起点时,点击前移按钮会出现跳跃过程,可我在chrome调试中一步步执行并不会跳跃,这是怎么回事?js代码如下pre.onclick=function(){ //pre为前移按钮 if(index==0){ //index==0对应屏幕出现前三个项 index=4; oUl.style.transition='none'; //将css中的transition消除 oUl.style.transform='translateX('+(-425)*index+'px)'; //移动到index==4 } index--; clearInterval(timer); //清除定时器 oUl.style.transition='all 1s'; //设置过渡 oUl.style.transform='translateX('+(-425)*index+'px)'; //移动到index==3 timer=setInterval(move,2000); //开启定时器 }
1 回答
繁华开满天机
TA贡献1816条经验 获得超4个赞
初始不是为0嘛,你点击以后,不就跳到4了嘛
oUl.style.transform='translateX('+(-425)*index+'px)';
添加回答
举报
0/150
提交
取消