Tab页签切换

js之tab页签切换效果

 

    现在web网站，很多地都需要用到tab页签。

　

　 示例:

        $(document).ready(function(){

              var curIndex;

              var $lis = $(".active-hd li");

              var $divs = $(".active-bd div");

              // 为每一个tab页签li绑定click事件

             $lis.on("click",function(){

                    curIndex = $(this).index();

                   $(this).addClass("selected").siblings().removeClass("selected");

                   $divs.eq(index).show().siblings().hide();

             });

       });

 

转发来自： 微笑的mvp_lin

转载于:https://www.cnblogs.com/peoplewinner/p/4815400.html