好久不見姻氨,由于換了城市換了工作晨逝,兩個月零五天沒有發(fā)布文章荞雏,自責(zé)加愧疚加難為情余素,真心的辛燥,不要笑凉唐。我會反省碌冶,之后會定期將自己的所學(xué)所思通過文字寫出來湿痢,和大家一起交流心得。 關(guān)于啟...
好久不見姻氨,由于換了城市換了工作晨逝,兩個月零五天沒有發(fā)布文章荞雏,自責(zé)加愧疚加難為情余素,真心的辛燥,不要笑凉唐。我會反省碌冶,之后會定期將自己的所學(xué)所思通過文字寫出來湿痢,和大家一起交流心得。 關(guān)于啟...
實(shí)習(xí)剛結(jié)束扑庞,由于實(shí)習(xí)期間一直用的React框架譬重,原生js都有些生疏了,所以用原生js寫了個簡單的輪播圖練練手罐氨。 方法一:更改src屬性 第一種實(shí)現(xiàn)方法是只用一個img元素臀规,然...
用箭頭控制圖片的輪播大工告成D览蕖!(撒花~) 的上一段代碼問題很大
1.切換到下一張的animate函參數(shù)值不應(yīng)該是-600嗎杖玲?第一張你就給了默認(rèn)-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(為真第一張),再點(diǎn)上一張就為0px(若不是請照第1條第2條錯誤修改)(為假最后一張)伞剑,再點(diǎn)應(yīng)該為-2600px(第四張)斑唬,而不是什么-3000px(真最后一張),你的if設(shè)置后果就是最后一張會出現(xiàn)兩次黎泣。同理點(diǎn)擊下一張按鈕至-3600px(假第一張)恕刘,再點(diǎn)擊應(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)了非常多的問題含蓉,之后的代碼他還有可能看嗎频敛?