跳動(dòng)不正常。沒點(diǎn)擊之前是正常的,點(diǎn)擊之后就快速閃
function $(id){
return typeof id==='string'? document.getElementById(id):id;
}
window.onload=function(){
? //當(dāng)前頁(yè)面高亮顯示的頁(yè)簽的索引
? var index=0;
? var timer=null;
??
? var lis = $('notice-tit').getElementsByTagName('li');
? var divs = $('notice-con').getElementsByTagName('div');
? //添加手動(dòng)切換遍歷li
? for(var i=0;i<lis.length;i++){
? ? lis[i].id=i;
lis[i].onclick=function(){
? ?//當(dāng)點(diǎn)擊時(shí)會(huì)一直停留當(dāng)前頁(yè)面。需清除定時(shí)器
clearInterval(timer);
changeOption(this.id);
}
lis[i].onmouseout=function(){
? ?timer=setInterval(autoPlay,2000);
}
}
if(timer){ ? ??
clearTimeout(timer);
timer=null;
}
? //添加定時(shí)器,改變高亮索引
? ?timer=setInterval(autoPlay,2000);
function autoPlay(){
? ?index++; ? ? ? //做判斷,不然會(huì)一直增加
? ?if(index>=lis.length){
? index=0;?
? ?}?
? ?changeOption(index);
}
function changeOption(curIndex){ ? //接收當(dāng)前index
?console.log(curIndex) ;
?for(var j=0;j<lis.length;j++){
? ? ?lis[j].className="";
?divs[j].style.display="none";?
? }
//console.log(index);
//高亮顯示當(dāng)前頁(yè)簽
? lis[curIndex].className="select";
? divs[curIndex].style.display="block";
? index=curIndex;
}
}
2017-02-22