bd659c22eb67

實(shí)習(xí)剛結(jié)束恕齐，由于實(shí)習(xí)期間一直用的React框架，原生js都有些生疏了瞬逊，所以用原生js寫(xiě)了個(gè)簡(jiǎn)單的輪播圖練練手显歧。 方法一：更改src屬性 第一種實(shí)現(xiàn)方法是只用一個(gè)img元素仪或，然...

bd659c22eb67 ·

用箭頭控制圖片的輪播大工告成７胂拧！（撒花~） 的上一段代碼問(wèn)題很大
1.切換到下一張的animate函參數(shù)值不應(yīng)該是-600嗎疮跑？第一張你就給了默認(rèn)-600px的left,如果在加上+600px再加上你那多余的offset那么輪播會(huì)直接空白组贺，同樣，上一張的參數(shù)也應(yīng)該是600
2.上一條有提及祖娘，為什么你要重復(fù)加offset值失尖，你在 var newLeft=parseInt(list.style.left) +offset 已經(jīng)明明加過(guò)，還要在animate函數(shù)中再次添加一遍 list.style.left=newLeft+offset+"px";
3.if條件設(shè)置也是錯(cuò)誤的渐苏，第一頁(yè)為-600px(為真第一張)掀潮，再點(diǎn)上一張就為0px(若不是請(qǐng)照第1條第2條錯(cuò)誤修改)(為假最后一張)，再點(diǎn)應(yīng)該為-2600px(第四張)琼富，而不是什么-3000px(真最后一張)胧辽，你的if設(shè)置后果就是最后一張會(huì)出現(xiàn)兩次。同理點(diǎn)擊下一張按鈕至-3600px(假第一張)公黑，再點(diǎn)擊應(yīng)該跳轉(zhuǎn)至-1200px(第二張)，不是
-600px(真第一張)摄咆，同樣第一張也會(huì)出現(xiàn)兩次
若是新手照著你的代碼敲在這一步就會(huì)出現(xiàn)非常大的問(wèn)題凡蚜，這代碼你確定自己敲了一遍？還是從別的地方復(fù)制的
這部分正確代碼如下
function animate(offset){
var newLeft = parseInt(list.style.left) + offset;
if(newLeft > 0){
newLeft = -2400
}else if(newLeft < -3600){
newLeft = -1200
}
}
list.style.left = newLeft + 'px';

教程類(lèi)代碼請(qǐng)一定自己敲一遍試一試吭从，你覺(jué)得新手若是在這一步就出現(xiàn)了非常多的問(wèn)題朝蜘，之后的代碼他還有可能看嗎？

孤宆 評(píng)論自原生JavaScript無(wú)縫輪播圖特效