切换Tab选项卡效果的JS代码

js 选项卡切换效果：

<SCRIPT language=“javascript” type=“text/javascript”>
 function Show_TabADSMenu(tabadid_num,tabadnum){
 for(var i=0;i<2;i++){document.getElementById("tabadcontent_"+tabadid_num+i).style.display="none";}
 for(var i=0;i<2;i++){document.getElementById("tabadmenu_"+tabadid_num+i).className="";}
 document.getElementById("tabadmenu_"+tabadid_num+tabadnum).className="TasADSOn";
 document.getElementById("tabadcontent_"+tabadid_num+tabadnum).style.display=""
 document.getElementById("tabadforum_"+tabadid_num).style.display="";
}
</SCRIPT>

   <ul>
     <li class="TasADSOn" id="tabadmenu_10 " onMouseOver="Show_TabADSMenu(1,0)">Hotels</li>
     <li id="tabadmenu_11"  onMouseOver="Show_TabADSMenu(1,0)">Flights</li>
   </ul>

<divv id="tabadforum_1" style="display:none;">
   <UL id="tabadcontent_10">
        <LI>000000000000000000000000</LI>
   </UL>
    <UL id="tabadcontent_11" style="DISPLAY: none; width: 260px;">
        <LI>1111111111111111111111111</LI>
    </UL>
</div>

[本日志由 edwin 于 2010-06-10 12:30 AM 编辑]
文章来自: 网络
引用通告: 查看所有引用 | 我要引用此文章
Tags: 切换切换 选项卡选项卡 效果效果 javascriptjavascript