程序有問題,多循環一次。
其余功能已經實現?,F在滑到第五張圖片時,再往后會顯示一段空白,再回到第一張圖。請問如何修改?
??<script?type="text/javascript"> ??window.onload=function(){ ????var?wrap=document.getElementById('wrap'), ????????pic=document.getElementById('pic').getElementsByTagName('li'), ????????list=document.getElementById('list').getElementsByTagName('li'), ????????index=0, ????????timer=null; ???? ??????//?定義并調用自動播放函數 ????timer?=?setInterval(start,2000); ???? ????function?start(){ ????????index++; ????????if(index?>?list.length){ ????????????index?=?0; ????????} ????????change(index); ????} ??????//?定義圖片切換函數 ????function?change(curIndex){ ????????for(var?i=0?;?i<list.length?;?i++){ ????????????pic[i].style.display?=?'none'; ????????????list[i].className?=?''; ????????} ????????pic[curIndex].style.display?=?'block'; ????????list[curIndex].className?=?'on'; ????????index?=?curIndex; ????}? ?????//?鼠標劃過整個容器時停止自動播放 ????wrap.onmouseover?=?function(){ ????????clearInterval(timer); ????} ?????//?鼠標離開整個容器時繼續播放至下一張 ????wrap.onmouseout?=?function(){ ????????timer?=?setInterval(start,2000); ????} ?????//?遍歷所有數字導航實現劃過切換至對應的圖片 ?????for(var?j?=?0;j<list.length;j++){ ????????list[j].id?=?j; ????????list[j].onmouseover?=?function(){ ????????????change(this.id); ????????} ????} ???} ??</script>
2016-07-18
start()里的if語句 ?index>=list.length