具体请看代码快照！！！

window.onload=function(){

        var otab=document.getElementById("tabs");

        var oul=document.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].onclick=function(){

           for(var n=0;n<len;n++){

            olis[n].className="";

            odivs[n].className="hide"

           }

           this.className="on";

           odivs[this.index].className="";

       }

    };

    }

    </script>

主要是这些不理解