這樣寫會出錯么
function?animate(num){ ????var?newLeft?=?parseInt(list.style.left)?+?num ????list.style.left?=?newLeft?+?'px'; ????if(newLeft?>?0){ ???????????list.style.left?=?-2400?+?'px'; ????}else?if(newLeft?<?-2400){ ???????????list.style.left?=?0; ???????????} ????} ????next.onclick?=?function(){ ???????????animate(-num); ????} ????prev.onclick?=?function(){ ???????????animate(num); ????}
????<div?id="list"?style="left:0px"> ????????<img?src="img/1.jpg"?alt="pic"> ????????<img?src="img/2.jpg"?alt="pic"> ????????<img?src="img/3.jpg"?alt="pic"> ????????<img?src="img/4.jpg"?alt="pic"> ????????<img?src="img/5.jpg"?alt="pic"> ????</div>
直接這樣貌似也可以啊,不用模擬第一個跟最后一個圖好像點起來也沒問題
2016-01-04
模擬第一個和最后一個圖是為了優(yōu)化顯示效果。因為會首先執(zhí)行第三行的代碼,如果沒有模擬圖的話會有那么一瞬間顯示空白,雖然可能肉眼很難看出來,但為了優(yōu)化起見,還是加上模擬圖比較好