for(var i=0;i<li.length;i++){//獲取所有i編號的元素
??????????? li[i].index = i;? //定義一個index屬性對li進行編號
??????????? li[i].onclick = function(){???????????? ??//再注冊一個點擊事件，當點擊的時候所有標簽都恢復(fù)最初狀態(tài)
??????????? for(var n=0;n<li.length;n++){??????//這步是相對于未被點擊部分的樣式
??????????????? li[n].className = "";
??????????????? div[n].className = "hide";
??????????? }
??????????? this.className = "on";//再對點擊事件添加相應(yīng)的屬性
??????????? div[this.index].className = "";//通過之前的index編號綁定的指定div
??????????? }

代碼解析詳細

?