idcbe.com
Tag: 效果预览模式: 普通 | 列表

切换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>

Tags: 切换 选项卡 效果 javascript

分类:网站建设 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 8016