js部分
<script type="text/javascript">
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
</script>
html部分
选择部分
<ul>
<li id="one1" οnclick="setTab('one',1,4)" (或者οnmοuseοver="setTab('one',1,4)") class="hover"></li>
<li id="one2" οnclick="setTab('one',2,4)" ></li>
<li id="one3" οnclick="setTab('one',3,4)"></li>
<li id="one4" οnclick="setTab('one',4,4)"></li>
</ul>
显示部分
<div id="con_one_1" class="hover">
<div id="con_one_2" style="display:none">
<div id="con_one_3" style="display:none">
<div id="con_one_4" style="display:none">
name用于选择li的id,cursel为指定的,n为总数