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

idcbe.com

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: 切换 选项卡 效果 javascript
评论: 0 | 引用: 0 | 查看次数: 8164
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 50 字 | UBB代码 关闭 | [img]标签 关闭
idcbe.com