來個朋友幫忙解釋一下這段循環
? ? ? ? ? ? ?for(var i= 0,len = oLis.length;i<len;i++){
? ? ? ? ? ? ? ? ?oLis[i].index = i;
? ? ? ? ? ? ? ? ?oLis[i].onmouseover= function() {
? ? ? ? ? ? ? ? ? ? ?for(var n= 0;n<len;n++){
? ? ? ? ? ? ? ? ? ? ? ? ?oLis[n].className = "";
? ? ? ? ? ? ? ? ? ? ? ? ?oDivs[n].className = "hide";
? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ?this.className = "on";
? ? ? ? ? ? ? ? ? ? ?oDivs[this.index].className = "";
? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ?};
2016-04-27
? ? ? ? ? ? ?for(var i= 0,len = oLis.length;i<len;i++){
? ? ? ? ? ? ? ? ?oLis[i].index = i; ?//這里的index是oLis[i]的自定義屬性,用來保存該元素在原數組中的下標
? ? ? ? ? ? ? ? ?oLis[i].onmouseover= function() { ?//當鼠標拂過時,執行的代碼
? ? ? ? ? ? ? ? ? ? ?for(var n= 0;n<len;n++){
? ? ? ? ? ? ? ? ? ? ? ? ?oLis[n].className = "";
? ? ? ? ? ? ? ? ? ? ? ? ?oDivs[n].className = "hide";
? ? ? ? ? ? ? ? ? ? ?} //,當拂過的時候,此方法將三個div都設置為hide樣式(即隱藏元素),三個li元素都這只為沒有樣式
? ? ? ? ? ? ? ? ? ? ?this.className = "on"; // ,將當前拂過的li元素叫上 ?class="on"
? ? ? ? ? ? ? ? ? ? ?oDivs[this.index].className = ""http://將于當前拂過的li元素對應的div 去掉hide屬性(即顯示出來)
? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ?};
就是,當你拂過某個li元素時,就給這個li元素加上 class="on",然后在把與之對應的div去掉之前設置的class="hide".