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 = "";
}
};
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 = ""//将于当前拂过的li元素对应的div 去掉hide属性(即显示出来)
}
};
就是,当你拂过某个li元素时,就给这个li元素加上 class="on",然后在把与之对应的div去掉之前设置的class="hide".