window.onload = function() {
//获取ul1标签
var oUl1 = document.getElementById("ul1");
//获取ul1中的li
var aLi = oUl1.getElementsByTagName("li");
//获取名为tab-list的标签
var oDiv = document.getElementById("tab-list");
//获取tab-list中的div
var aDiv = oDiv.getElementsByTagName("div");
for(var i = 0; i < aLi.length; i++) {
aLi[i].index = i;//?????
//循环执行li的鼠标移入事件
aLi[i].onmouseover = function() {
for(var i = 0; i < aLi.length; i++) {
aLi[i].className = "";//设置样式名
}
this.className = "active";//设置样式名
//循环执行div模块的的鼠标移入事件
for(var j = 0; j < aDiv.length; j++) {
aDiv[j].className = "hide";//设置样式
}
aDiv[this.index].className = "show";//?????
}
}
}
第一个问号:index为索引,li[i]的索引为i
第二个问号:给div加一个名字叫show的class,这个class的属性你应该在css里设置下
最好把所有代码全贴出来看看
aLi[i].index = i;//?????我怎么觉得这步是多余的。。、