<!doctype html><html><head><meta charset="utf-8"><title>無標(biāo)題文檔</title><style type="text/css">*{margin:0;padding:0;}ul{list-style:none;}.clear{clear:both;}.wrap{width:800px; margin-bottom:20px;}.tap ul{height:40px;}.tap ul .act{float:left; padding:0 20px; height:40px; line-height:40px; ?background:#F358F2;}.tap li{float:left; padding:0 20px; height:40px; line-height:40px;}.tap li a{color:#333; display:block;}.wrap .chance{}.wrap .chance div{border:2px solid #D4002E; width:800px; height:300px;}.wrap .chance .a{display:none;}</style></head><body><div class="wrap"> <div class="tap">? ? <ul>? ? ? ? <li class="act"><a href="javascript:;">tab1</a></li>? ? ? ? ? ? <li><a href="javascript:;">tab2</a></li>? ? ? ? ? ? <li><a href="javascript:;">tab3</a></li>? ? ? ? ? ? <li><a href="javascript:;">tab4</a></li>? ? ? ? </ul>? ? </div> <div class="chance clear">? ? <div class="hider">你吃糞兒</div>? ? ? ? <div class="hider a">他吃啥</div>? ? ? ? <div class="hider a">纏纏黏黏</div>? ? ? ? <div class="hider a">好粘牙</div>? ? </div></div><div class="wrap"> <div class="tap">? ? <ul>? ? ? ? <li class="act"><a href="javascript:;">tab1</a></li>? ? ? ? ? ? <li><a href="javascript:;">tab2</a></li>? ? ? ? ? ? <li><a href="javascript:;">tab3</a></li>? ? ? ? ? ? <li><a href="javascript:;">tab4</a></li>? ? ? ? </ul>? ? </div> <div class="chance clear">? ? <div class="hider">你吃糞兒</div>? ? ? ? <div class="hider a">他吃啥</div>? ? ? ? <div class="hider a">纏纏黏黏</div>? ? ? ? <div class="hider a">好粘牙</div>? ? </div></div></body></html><script> function run(obj){ //找對象 var oUl=obj.getElementsByTagName('ul')[0]; var aLi=oUl.getElementsByTagName('li'); var aDiv=obj.getElementsByClassName('hider'); //綁事件,循環(huán) for(var i=0;i<aLi.length;i++){ aLi[i].index=i//發(fā)牌照 aLi[i].onclick=function(){ for(var j=0;j<aLi.length;j++){ aLi[j].className='';//清空類名 aDiv[j].style.display='none';//隱藏 }; this.className='act'; aDiv[this.index].style.display='block';//顯示 }; }; //---------------------- //自動播放 var n=0;//計數(shù)器 var timer=setInterval(function(){ n++; if(n==aLi.length){ n=0; }; for(var j=0;j<aLi.length;j++){ aLi[j].className='';//清空類名 aDiv[j].style.display='none';//隱藏 }; aLi[n].className='act'; aDiv[n].style.display='block'; },1000); obj.onmouseover=function(){ clearInterval(timer);//清除計時器 }; obj.onmouseout=function(){ run(obj);//再運(yùn)行 }; }; //---------------------------- var aWarp=document.getElementsByClassName('wrap'); run(aWarp[0]); run(aWarp[1]);</script>//-------------------------------------------------------我想請教，如果我想在js的function run的小括號那里再加上一個參數(shù)，比如加上一個autoran，然后在最后判斷為true時讓選項(xiàng)卡自動切換，否則就停止自動該怎么寫？
關(guān)于js選項(xiàng)卡切換的小問題想請教各路大神
朦朧月
2016-12-03 12:50:31