<script>
window.onload=function(){
var otab=document.getElementById("tab");
var oli=otab.getElementsByTagName("li");
var odiv=otab.getElementsByTagName("div");
for(i=0;i<oli.length;i++){
oli[i].index=i;//我主要是看不懂这句是什么意思？
oli[i].onclick=function(){
for(i=0;i<oli.length;i++){
odiv[i].style.display="none"
}
odiv[this.index].style.display="block"
}
}
}
</script>
</head>
<body>
<div id="tab">
<ul>
<li>菜单</li>
<li>菜单</li>
<li>菜单</li>
</ul>
<div style="display:block">内容一</div>
<div>内容二</div>
<div>内容三</div>
</div>
</body>