課程
/前端開發(fā)
/JavaScript
/Tab選項(xiàng)卡切換效果
index怎么在不優(yōu)化代碼情況下傳值
2017-01-19
源自:Tab選項(xiàng)卡切換效果 3-3
正在回答
function?$(id)?{ ????????????return?typeof?id?===?"string"???document.getElementById(id)?:?id; ????????} ????????window.onload?=?function()?{ ????????????var?index?=?0; ????????????var?timer?=?null; ????????????var?tits?=?$("tabTit").getElementsByTagName("li"); ????????????var?txts?=?$("tabTxt").getElementsByClassName("demo"); ????????????if(tits.length?!=?txts.length)?{return;} ????????????for(var?i=0,l=tits.length;?i<l;?i++)?{ ????????????????tits[i].id?=?i; ????????????????tits[i].onmouseover?=?function()?{ ????????????????????clearInterval(timer); ????????????????????styleFun(this.id); ????????????????} ????????????????tits[i].onmouseout?=?function()?{ ????????????????????timer?=?setInterval(autoPlay,?2000); ????????????????} ????????????} ????????????//在開啟定時(shí)器的同時(shí)清楚定時(shí)器并置空 ????????????if(timer)?{ ????????????????clearInterval(timer); ????????????????timer?=?null; ????????????} ????????????timer?=?setInterval(autoPlay,?2000); ????????????function?autoPlay()?{ ????????????????index++; ????????????????if(index?>=?tits.length)?{ ????????????????????index?=?0; ????????????????} ????????????????styleFun(index); ????????????} ????????????function?styleFun(ele)?{ ????????????????for(var?j=0,m=tits.length;?j<m;?j++)?{ ????????????????????tits[j].className?=?""; ????????????????????txts[j].style.display?=?"none"; ????????????????} ????????????????tits[ele].className?=?"select"; ????????????????txts[ele].style.display?=?"block"; ????????????????//將鼠標(biāo)移入移出時(shí)的index傳給autoPlay; ????????????????index?=?ele; ????????????} ????????}
還是傳值吧,這樣是比較優(yōu)化的,用的次數(shù)多了,你就知道老師的方法是非常不錯(cuò)的!
qq_一夢(mèng)兩三年丶_0 提問者
舉報(bào)
本課程詳細(xì)介紹網(wǎng)頁(yè)頁(yè)面中最流行常用的tab切換效果
1 回答綜合考慮 還是這代碼還得優(yōu)化
3 回答不做優(yōu)化會(huì)有什么問題
5 回答源碼發(fā)現(xiàn)一個(gè)bug
1 回答我照著視頻代碼打的怎么效果實(shí)現(xiàn)的不一樣
2 回答只能展開不能關(guān)閉,怎么解決
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-01-24
還是傳值吧,這樣是比較優(yōu)化的,用的次數(shù)多了,你就知道老師的方法是非常不錯(cuò)的!