Terdapat empat item karusel secara keseluruhan, dan tiga boleh muncul pada skrin Saya meletakkan dua salinan bersebelahan dalam html untuk melaksanakan karusel tanpa wayar Namun, apabila kedudukan berada di titik permulaan, mengklik butang hadapan akan menyebabkan a proses lompat, tetapi saya Melaksanakan langkah demi langkah dalam penyahpepijatan krom tidak melompat. Kod js adalah seperti berikut
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); //开启定时器
}
Bukankah pada mulanya 0? Selepas anda mengklik, ia akan melonjak kepada 4