首页 > 代码库 > jquery简单实现tab选项卡效果--转
jquery简单实现tab选项卡效果--转
html: <ul class="tab"> <li>最新</li> <li class="cur">热门</li> <li>新闻</li> </ul> <div>11</div> <div class="on">22</div> <div>33</div>
js: $(document).ready(function(){ $(".tab li").click(function(){ $(".tab li").eq($(this).index()).addClass("cur").siblings().removeClass(‘cur‘); $("div").hide().eq($(this).index()).show(); //另一种方法: $("div").eq($(".tab li").index(this)).addClass("on").siblings().removeClass(‘on‘); }); });
jquery简单实现tab选项卡效果--转
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。