                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

關(guān)于編程挑戰(zhàn)有些問題想請教一下各位大神。

?window.onload = function() {

? ? ? ? var oUl1 = document.getElementById("ul1");

? ? ? ? var aLi = oUl1.getElementsByTagName("li");

? ? ? ? var oDiv = document.getElementById("tab-list");

? ? ? ? var aDiv = oDiv.getElementsByTagName("div");

? ? ? ? for(var i = 0; i < aLi.length; i++) {

? ? ? ? ? ? aLi[i].index = i;

? ? ? ? ? ? aLi[i].onmouseover = function() {

? ? ? ? ? ? ? ? for(var i = 0; i < aLi.length; i++) {

? ? ? ? ? ? ? ? ? ? aLi[i].className = "";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? this.className = "active";

? ? ? ? ? ? ? ? for(var j = 0; j < aDiv.length; j++) {

? ? ? ? ? ? ? ? ? ? aDiv[j].className = "hide";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? aDiv[this.index].className = "show";

? ? ? ? ? ? } ? ? ? ?

? ? ? ? }

? ? }

循環(huán)那一段不明白他是什么意思，它是怎樣達(dá)到鼠標(biāo)移動(dòng)切換三個(gè)頁面的

朱戲以

2016-07-20

源自：JavaScript進(jìn)階篇 10-1

關(guān)注問題我要回答

1027

操作

收起

3 回答

用戶1136614 回答被采納 +3 積分
2016-07-20

??for(var?i?=?0;?i?<?aLi.length;?i++)?{?????//第一到第三個(gè)頁面
????????????aLi[i].index?=?i;??????????????????//?取下每個(gè)頁面的頁面數(shù)
????????????aLi[i].onmouseover?=?function()?{????????//?當(dāng)前l(fā)i標(biāo)簽被點(diǎn)擊時(shí)
????????????????for(var?i?=?0;?i?<?aLi.length;?i++)?{???????????//將所有的className設(shè)置為空字符串
????????????????????aLi[i].className?=?"";
????????????????}
????????????????this.className?=?"active";?????????//??單獨(dú)當(dāng)前頁面的className設(shè)置為active
????????????????for(var?j?=?0;?j?<?aDiv.length;?j++)?{
????????????????????aDiv[j].className?=?"hide";???????//??所有的頁面className設(shè)置為?hide
????????????????}?
????????????????aDiv[this.index].className?=?"show";?????//??單獨(dú)將當(dāng)前頁面設(shè)置為show
?????????????}????????
????????}
???????//?其實(shí)?aLi[i].onmouseover?=?function()被調(diào)用的時(shí)候?for循環(huán)將3個(gè)li標(biāo)簽的className設(shè)置為空??
????????再單獨(dú)將當(dāng)前頁面取出來設(shè)置它的this.className?=?"active"，這樣你點(diǎn)擊了那個(gè)li標(biāo)簽就有區(qū)別
????????因?yàn)?active標(biāo)簽的css樣式是不一樣的?
????????再??for(var?j?=?0;?j?<?aDiv.length;?j++)?這個(gè)for循環(huán)?也是將3個(gè)div標(biāo)簽className設(shè)置為空
????????循環(huán)出來?aDiv[this.index].className?=?"show";//單獨(dú)將當(dāng)前頁面設(shè)置為show?這樣對應(yīng)的頁面就顯示
????????出來了，hide設(shè)置為隱藏?因?yàn)閟how不等于hide?是沒有樣式的??默認(rèn)是顯示的。?以上是我的個(gè)人理解。