想知道這段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";
? ? ? ? ? ? } ? ? ? ?
? ? ? ? }
? ? }
2016-07-22
不知道你現在弄懂沒有,剛剛看了別人的解釋,用自己的話總結一下:
第一個循環是為了綁定下標i,為了讓后面本頁面class能被設置為“show”而進行的。
在第一個循環內有鼠標監聽事件定義了點擊后的函數,其中包含了另一個循環,將所有頁面的classname都設置成“hide”,在css中.hide的樣式是不顯示,然后再單獨將被點擊的頁面設置為“show”
2016-07-20
同求....
2016-07-15
選項卡 可以參考慕課的這段http://www.xianlaiwan.cn/code/1912