在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ js輪播圖transition問題

js輪播圖transition問題

1.五張圖輪播關鍵代碼如下,有前后按鈕:
-》表示有0.2s過渡
alt2-》alt3-》alt4-》alt5-》alt6-》alt7
alt7立即跳到alt2,alt1立即跳到alt6,此時立即跳失?。╰ransition設置為0不生效)
ps已經(jīng)能輪播了,但是有過渡的情況下,比如第五張下來第一張(alt7到alt2),這一步得把過渡取消掉,,然后繼續(xù)加上過渡輪播。最后一張怎么平穩(wěn)過渡到第一張?
html:

<div id="list" style="left: -600px;">
                <img src="img/5.jpg" alt="1"/>
                <img src="img/1.jpg" alt="2"/>
                <img src="img/2.jpg" alt="3"/>
                <img src="img/3.jpg" alt="4"/>
                <img src="img/4.jpg" alt="5"/>
                <img src="img/5.jpg" alt="6"/>
                <img src="img/1.jpg" alt="7"/>
            </div>

css:

#list {
            position: absolute;
            z-index: 1;
            width: 4200px;
            height: 400px;
            transition: left 0.2s linear;
        }   

js:

if(newLeft > -600) {               
                        list.style.transition = "left 0s linear";
                        list.style.left = -3000 + 'px';
                
                }

                if(newLeft < -3000) {                    
                        list.style.transition = "left 0s linear";
                        list.style.left = -600 + 'px';                    
                }
                list.style.transition = "left 0.2s linear";
回答
編輯回答
孤巷

這個 輪播插件很多 自己造輪子 太費事

2017年8月22日 00:10