課程
/前端開發
/JavaScript
/Tab選項卡切換效果
index怎么在不優化代碼情況下傳值
2017-01-19
源自:Tab選項卡切換效果 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); ????????????????} ????????????} ????????????//在開啟定時器的同時清楚定時器并置空 ????????????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"; ????????????????//將鼠標移入移出時的index傳給autoPlay; ????????????????index?=?ele; ????????????} ????????}
還是傳值吧,這樣是比較優化的,用的次數多了,你就知道老師的方法是非常不錯的!
qq_一夢兩三年丶_0 提問者
舉報
本課程詳細介紹網頁頁面中最流行常用的tab切換效果
1 回答綜合考慮 還是這代碼還得優化
3 回答不做優化會有什么問題
1 回答我照著視頻代碼打的怎么效果實現的不一樣
5 回答源碼發現一個bug
1 回答跳轉問題怎么解決
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-01-24
還是傳值吧,這樣是比較優化的,用的次數多了,你就知道老師的方法是非常不錯的!