国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

/*css*/
ul,li{
        margin: 0;
        padding: 0;
    }
    .slider{
        width: 100%;
        height: 300px;
        overflow: hidden;
    }
    .slider_box{
        width: 500%;
        height:100%;
        transition: all 0.3s;
    }
    .slider_box>ul{
        width: 100%;
        height:100%;
        white-space: nowrap;
    }
    .slider_box>ul>li{
        display: inline-block;
        width: 20%;
        height: 100%;
    }
    .slider_box>ul>li:nth-of-type(0){
        background: #000088;
    }
    .slider_box>ul>li:nth-of-type(1){
        background: #004444;
    }
    .slider_box>ul>li:nth-of-type(2){
        background: #221199;
    }
    .slider_box>ul>li:nth-of-type(3){
        background: #AA1111;
    }
    .slider_box>ul>li:nth-of-type(4){
        background: #E38D13;
    }

/*html*/
<p class="slider">
    <p class="slider_box">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </p>
</p>

/*js*/
var list = document.getElementsByClassName("slider_box")[0];
    var arr = list.children;
    var test = 0;
    function slide(){
        if(test<5){
        list.style.transform = "translateX(-"+test*20+"%)";
        test++;
        setTimeout("slide()",1000);
        }    
        }
    slide();

Wie im obigen Code gezeigt, gleitet die slider_box jede Sekunde um 20 % nach links (1 Bildschirm), aber das Problem tritt auf, wenn sie auf 100 % gleitet, kann sie nicht mehr nach links gleiten (wenn Sie weiter gleiten). , es wird kein Bild angezeigt), und ich bin dabei. Der Effekt, den einige andere Plug-Ins beobachten, besteht darin, dass sich der Schieberegler von slider_box jede Sekunde von -20 % auf 0 und dann auf -20 % ?ndert Wenn slider_box auf 100 % gleitet und dann wieder gleitet, verl?sst es den Bereich. Die Frage ist, wie diese Plug-Ins mit der ?nderung von slider_box von -20 % auf 0 und dann auf -20 % umgehen , ich habe zuerst versucht, den letzten Schiebestil zu l?schen und dann dieses Mal den Schiebestil festzulegen:

function slide(){
        list.style.transform = "translateX(-20%)";
        if(test<5){
//            list.style.transform = "translateX(-"+test*20+"%)";
            list.style.transform = "translateX(0)";
            test++;
            setTimeout("slide()",1000);
        }    
        }
    slide();

Aber ich kann die ?nderungen nicht erkennen und es gleitet nicht mehr. Wie soll ich hier damit umgehen, um den gleichen Effekt zu erzielen?
Liegt es daran, dass die Leute dieser Idee nicht folgen? Alles?
Die Kapselung der js-Methode im Plug-in ist zu tiefgreifend, es tut mir leid, dass ich es wirklich nicht verstehe.
Anderer: Plug-in-Link: http://sc.chinaz.com/jiaoben/. ..