【Tab标签】仿126邮箱

<script>
/*<![CDATA[*/
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" onclick="setTab('one',1,2)" class="hover">新闻1</li>
<li id="one2" onclick="setTab('one',2,2)" >新闻2</li>
</ul>
<div class="Contentbox">
<div id="con_one_1" class="hover">新闻列表1</div>
<div id="con_one_2" style="display:none">新闻列表2</div>
</div>