首页 > 代码库 > 选项卡切换

选项卡切换

<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();		})	})

  

选项卡切换