java 滑动导航控制

最新推荐文章于 2025-12-15 08:57:28 发布

原创最新推荐文章于 2025-12-15 08:57:28 发布 · 775 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #javascript #class #function #div

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

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