window.onload，oLis[i].index=i，oDivs[this.index]
<script type="text/javascript">
? ? ? ? ?window.onload = function(){
? ? ? ? ? ? ?var oTab = document.getElementById("tabs");
? ? ? ? ? ? ?var oUl = oTab.getElementsByTagName("ul")[0];
? ? ? ? ? ? ?var oLis = oUl.getElementsByTagName("li");
? ? ? ? ? ? ?var oDivs= oTab.getElementsByTagName("div");
? ? ? ? ? ? ?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 = "";
? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ?};
? ? ? ? ?}
? ? </script>
代碼中為什么用到這幾個，不用的話為什么不能實現
2015-12-19
window.onload:意思是頁面加載完成；
window.onload = function()就是網頁加載完成后執行此函數
oLis[i].index = i;是為li添加索引下標（簡單大概的意思就是為像為數組添加下標）
oDivs[this.index]：
這里也就是添加index的作用，通過這個索引來找到對應的div?這里的?this?就是指上面鼠標所在的導航