程序有問題,多循環(huán)一次。
其余功能已經(jīng)實現(xiàn)?,F(xiàn)在滑到第五張圖片時,再往后會顯示一段空白,再回到第一張圖。請問如何修改?
??<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; ???? ??????//?定義并調(diào)用自動播放函數(shù) ????timer?=?setInterval(start,2000); ???? ????function?start(){ ????????index++; ????????if(index?>?list.length){ ????????????index?=?0; ????????} ????????change(index); ????} ??????//?定義圖片切換函數(shù) ????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; ????}? ?????//?鼠標(biāo)劃過整個容器時停止自動播放 ????wrap.onmouseover?=?function(){ ????????clearInterval(timer); ????} ?????//?鼠標(biāo)離開整個容器時繼續(xù)播放至下一張 ????wrap.onmouseout?=?function(){ ????????timer?=?setInterval(start,2000); ????} ?????//?遍歷所有數(shù)字導(dǎo)航實現(xiàn)劃過切換至對應(yīng)的圖片 ?????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