亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

/*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();

如上程式碼,每間隔一秒,slider_box向左滑動(dòng)20%(1螢?zāi)?,可是問(wèn)題來(lái)了,當(dāng)滑到100%後,不能再向左滑動(dòng)了(再滑動(dòng)就沒(méi)有圖片了),而我在其他一些插件上看的效果卻是每間隔一秒,slider_box的滑動(dòng)變化為-20%至0再到-20%.這樣處理就不會(huì)存在當(dāng)slider_box滑動(dòng)到100%時(shí)再滑動(dòng)就跑出區(qū)域的問(wèn)題了,那麼問(wèn)題是這些插件它是如何處理使slider_box由-20%變?yōu)?再變?yōu)?20%的呢?如上代碼我嘗試了先清除上一次的滑動(dòng)樣式,再設(shè)置本次滑動(dòng)樣式:

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();

卻實(shí)現(xiàn)不了其中的變化,而且也不滑動(dòng)了,那麼要達(dá)到如插件上的效果,我這裡應(yīng)該如何處理.
是不是壓根人家就不是按照這種思路來(lái)的?
插件中的js方法封裝得太深?yuàn)W,恕我實(shí)在不知所雲(yún).
另:插件連結(jié):http://sc.chinaz.com/jiaoben/...