JS问题 谁帮下忙吧

<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
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>
<!--TAD1-->
<div class="box">
<div class="top">
<ul>
<li id="one1"  class="hover"><a href="#">论坛</a></li>
<li id="one2" ><a href="#">晒图</a></li>
<li id="one3" ><a href="#">交友</a></li>
<li id="one4" ><a href="#">活动</a></li>
</ul>
</div>
<div class="mid">
<div id="con_one_1" class="hover">
<!--[diy=w74606-tad1]--><div id="w74606-tad1" class="area"></div><!--[/diy]-->
</div>
<div id="con_one_2" style="display:none">
<!--[diy=w74606-tad2]--><div id="w74606-tad2" class="area"></div><!--[/diy]-->
</div>
<div id="con_one_3" style="display:none">

<!--[diy=w74606-tad3]--><div id="w74606-tad3" class="area"></div><!--[/diy]-->
</div>
<div id="con_one_4" style="display:none">

<!--[diy=w74606-tad4]--><div id="w74606-tad4" class="area"></div><!--[/diy]-->
</div>
</div>
</div>
<!--TAD1-->

谁能帮帮忙 在写一个这样的样式啊 直接复制就出错了

谁能帮帮忙啊

{:soso_e143:}谁能帮帮忙啊