<div class="tab-nav"> <span class="login">登录</span> <span class="register">注册</span> </div>
<div class="tab-ct"> <div class="login"> <p>登录窗口</p> </div> <div class="register"> <p>注册窗口</p> </div> </div>
//登录注册选项卡切换方法一 function tab(nav,ct){ nav.click(function(){ var i=$(this).index(); nav.eq(i).addClass('line-on').siblings().removeClass('line-on'); ct.eq(i).show().siblings().hide(); }) } tab($('.tab-nav span'),$('.tab-ct>div')); //登录注册选项卡切换方法二 $.each($('.tab-nav span'),function(i,span){ $(span).click(function(){ $(this).addClass('line-on').siblings().removeClass('line-on'); $('.tab-ct>div').eq(i).show().siblings().hide(); }) })
转载于:https://www.cnblogs.com/jellyAndjammy/p/4118578.html
