参考代码里：oLis[i].index = i;和oDivs[this.index].className = "";是什么意思？
第一句：给oLis中的所有元素设置一个索引值，便于查找
第二句：设置oDivs中的this.index元素中的className为空
this.index就是你所点击li元素的索引所对应的div元素
oLis[i].index = i;//这里的index是oLis[i]的自定义属性，用来保存该元素在原数组中的下标
引自火火慕
你不加的话没办法获取数组元素的角标啊，可能是因为数组中没有一个源属性比如index，你编写
数组元素.index
就自动获得元素角标。
这样是不是可以解释得通了？
楼上讲解很详细，谢谢！
上面说得很详细了，原本就不明白，数组后面咋整了个index属性，看其他同学笔记，说“oLis[0].index = i 是自定义 index”，为以后的操作做准备，实现功能楼上说得很详细了。若是如此解释的话，后面就懂了
因为页面一旦加载完成就触发onload事件,而onclick事件触发之前,for(var i= 0,len =
oLis.length;i<len;i++)这个循环已经运行完成了!oLis[i].onclick =
function()这段代码只是挂在那里(挂这个词不怎么准确,意思放在那里,等待onclick事件触发),这时候的i=3.在oLis[i].onclick = function()之前document.writeln(i)你会发现输出012,说明循环已经完成.
oLis[i].index = i 的作用只是在循环的过程中绑定下标i(0 1 2)到oLis数组相应元素oLis[0] oLis[1] oLis[2]的index变量上(例如oLis[0].index = 0;oLis[1].index =1;oLis[2].index=2)
当onclick事件触发的时候,this.className中的this就是当前鼠标所在的元素(例如家居), 同时oDivs[this.index]会获取到家居所对应的oLis数组中的index值(这里是1,因为我们已经在完成的循环中将oLis[1]=1 了),而如果换成oLis[i]则因为i===3(恒等于3),所以oLis[i]===oLis[3],当然会出错了!建议好好看一下JS的闭包原理和事件机制!
把i的值储存到index中，在oDivs[this.index].className = "";这句中this.index的值是当前鼠标所在的元素，oLis[i].index = i;的意义是可以让this.index获取任意一个index值