好久不見辱志,由于換了城市換了工作胖替,兩個月零五天沒有發(fā)布文章隘梨,自責(zé)加愧疚加難為情尤辱,真心的锐锣,不要笑蛮寂。我會反省未蝌,之后會定期將自己的所學(xué)所思通過文字寫出來驮吱,和大家一起交流心得。 關(guān)于啟...
好久不見辱志,由于換了城市換了工作胖替,兩個月零五天沒有發(fā)布文章隘梨,自責(zé)加愧疚加難為情尤辱,真心的锐锣,不要笑蛮寂。我會反省未蝌,之后會定期將自己的所學(xué)所思通過文字寫出來驮吱,和大家一起交流心得。 關(guān)于啟...
實習(xí)剛結(jié)束树埠,由于實習(xí)期間一直用的React框架糠馆,原生js都有些生疏了,所以用原生js寫了個簡單的輪播圖練練手怎憋。 方法一:更改src屬性 第一種實現(xiàn)方法是只用一個img元素又碌,然...
用箭頭控制圖片的輪播大工告成S纪贰!(撒花~) 的上一段代碼問題很大
1.切換到下一張的animate函參數(shù)值不應(yīng)該是-600嗎戏溺?第一張你就給了默認-600px的left,如果在加上+600px再加上你那多余的offset那么輪播會直接空白渣蜗,同樣,上一張的參數(shù)也應(yīng)該是600
2.上一條有提及旷祸,為什么你要重復(fù)加offset值耕拷,你在 var newLeft=parseInt(list.style.left) +offset 已經(jīng)明明加過,還要在animate函數(shù)中再次添加一遍 list.style.left=newLeft+offset+"px";
3.if條件設(shè)置也是錯誤的肋僧,第一頁為-600px(為真第一張)斑胜,再點上一張就為0px(若不是請照第1條第2條錯誤修改)(為假最后一張),再點應(yīng)該為-2600px(第四張)嫌吠,而不是什么-3000px(真最后一張)止潘,你的if設(shè)置后果就是最后一張會出現(xiàn)兩次。同理點擊下一張按鈕至-3600px(假第一張)辫诅,再點擊應(yīng)該跳轉(zhuǎn)至-1200px(第二張)凭戴,不是
-600px(真第一張),同樣第一張也會出現(xiàn)兩次
若是新手照著你的代碼敲在這一步就會出現(xià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';
教程類代碼請一定自己敲一遍試一試,你覺得新手若是在這一步就出現(xiàn)了非常多的問題肤视,之后的代碼他還有可能看嗎档痪?