<form id="ivb0m"><span id="ivb0m"><track id="ivb0m"></track></span></form>

  • <nav id="ivb0m"></nav>

            tab切换js代码 笨拙却简单实用

            JS结合DIV做tab切换效果,网上的代码很多,其原理是点击某个链接就把某个<div>样式的显示属性设置为显示,将其它的与tab相关的<div>设置为隐藏。如果这样的div比较多的时候,js里面就会写很多的东西。

            以下是最简单也最笨的tab切换js代码,不繁琐。有一个循环就可以解决。tab切换js代码如下:

            function Show_TabADSMenu(tabadid_num,tabadnum){

            for(var i=1;i<=2;i++){
            document.getElementById(“tabadcontent_”+tabadid_num+i).style.display=”none”;

            }
            document.getElementById(“tabadcontent_”+tabadid_num+tabadnum).style.display=”block”;

            }

            这样就不用在函数体内把每个div都写一遍,只需要传参数进来就好。

            <div id=”tabadcontent_11″>内容</div>

            <div style=”display:none;” id=”tabadcontent_12″>内容</div>

            事件:

            <h2 onclick=”return Show_TabADSMenu(1,1)”>登 陆</h2>

            <h3 onclick=”return Show_TabADSMenu(1,2)”>免费试用</h3>

            本文链接:肖运华 » 网站策划设计制作优化 » tab切换js代码 笨拙却简单实用
            转载请注明:http://www.gipsh.com/168.html

            发表评论

            电子邮件地址不会被公开。

            极速赛车10选1稳_Welcome