java 滑动导航控制

gchg1030

于 2007-09-25 11:12:00 发布

阅读量746

点赞数

CC 4.0 BY-SA版权

文章标签： java javascript class function div

本文链接：https://blog.youkuaiyun.com/gangspider/article/details/1799610

本文介绍了一个使用JavaScript实现的Tab ADS菜单切换功能。通过鼠标悬停事件改变不同选项卡的内容显示状态，提供了包括行业（Industry）、政策（Policy）、市场（Market）及海外（Abroad）在内的四个选项卡。每个选项卡对应不同的内容区域，实现了平滑的菜单切换效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

</SCRIPT>

<DIV class="TabADS ">
        <UL>
        <LI class="TasADSOn" id="tabadmenu_10"
        onmouseover="setTimeout('Show_TabADSMenu(1,0)',200);"><a href="">Indursty </a></LI>
        <LI id="tabadmenu_11"
        onmouseover="setTimeout('Show_TabADSMenu(1,1)',200);"><a href="">Policy </a></LI>
        <LI id="tabadmenu_12"
        onmouseover="setTimeout('Show_TabADSMenu(1,2)',200);"><a href="">Market</a></LI>
        <LI id="tabadmenu_13"
        onmouseover="setTimeout('Show_TabADSMenu(1,3)',200);"><a href="">Abroad</a></LI>
        </UL></DIV>