码迷,mamicode.com
首页 > 其他好文 > 详细

选项卡切换

时间:2014-11-24 15:01:15      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:blog   io   ar   sp   java   on   div   log   cti   

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

  

选项卡切换

标签:blog   io   ar   sp   java   on   div   log   cti   

原文地址:http://www.cnblogs.com/jellyAndjammy/p/4118578.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!