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>
代碼中為什么用到這幾個(gè)，不用的話為什么不能實(shí)現(xiàn)
2015-12-19
window.onload:意思是頁面加載完成；
window.onload = function()就是網(wǎng)頁加載完成后執(zhí)行此函數(shù)
oLis[i].index = i;是為li添加索引下標(biāo)（簡單大概的意思就是為像為數(shù)組添加下標(biāo)）
oDivs[this.index]：
這里也就是添加index的作用，通過這個(gè)索引來找到對應(yīng)的div?這里的?this?就是指上面鼠標(biāo)所在的導(dǎo)航