亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

想知道這段JS代碼的意思

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";

? ? ? ? ? ? } ? ? ? ?

? ? ? ? }

? ? }


正在回答

3 回答

不知道你現在弄懂沒有,剛剛看了別人的解釋,用自己的話總結一下:

第一個循環是為了綁定下標i,為了讓后面本頁面class能被設置為“show”而進行的。

在第一個循環內有鼠標監聽事件定義了點擊后的函數,其中包含了另一個循環,將所有頁面的classname都設置成“hide”,在css中.hide的樣式是不顯示,然后再單獨將被點擊的頁面設置為“show”

0 回復 有任何疑惑可以回復我~

同求....

0 回復 有任何疑惑可以回復我~

選項卡 可以參考慕課的這段http://www.xianlaiwan.cn/code/1912

0 回復 有任何疑惑可以回復我~
#1

慕UI6363324 提問者

我就是不太懂是怎么實現的,就是代碼不是特別懂
2016-07-15 回復 有任何疑惑可以回復我~
#2

kx00012kx

你知道問題中“aLi[i].index=i”這行代碼里面的index屬性是什么嗎?
2016-07-30 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

想知道這段JS代碼的意思

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號