javascript - Masalah lompat dalam carta karusel
怪我咯
怪我咯 2017-05-19 10:34:28
0
1
450

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);     //开启定时器
    }
怪我咯
怪我咯

走同样的路,发现不同的人生

membalas semua(1)
巴扎黑

Bukankah pada mulanya 0? Selepas anda mengklik, ia akan melonjak kepada 4

oUl.style.transform='translateX('+(-425)*index+'px)';
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan