插件描述：这是一个简单的JQ切换效果，使用简单，而且可以重复使用。兼容IE6\IE7\IE8所有浏览器
更新时间：2019-10-30 23:42:10
更新说明：调整JQ使tab选项卡可重复使用
js文件
<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
调用
$("").click(function(){
$("").eq($(this).index()).addClass("").siblings().removeClass("");
$("").hide().eq($(this).index()).show();
})HTML格式
<div class=""> <ul class=""> <li> </li> <li> </li> <li> </li> </ul> <div class=""> <div> <ul> <li> </li> <li> </li> <li> </li> </ul> </div> <div> <ul> <li></li> <li></li> <li></li> </ul> </div> <div> <ul> <li></li> <li></li> <li></li> </ul> </div> </div> </div>
PREVIOUS:
NEXT:
相关插件-Tabs
讨论这个项目（8）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
ricefoto 0
2019/4/10 18:23:13
-
被骗了，不能直接重复使用，一个页面里有用多个tab的话，需要改动
M_oLs 丶 一个人1
2019/10/30 16:05:00
没注意到重复使用的问题，谢谢提醒
代码如下：
$(".tab li").click(function() {
$(this).parent(".tab").children("li").eq($(this).index()).addClass("activ").siblings().removeClass("activ");
$(this).parent(".tab").next(".tabCon").children("div").hide().eq($(this).index()).show();
})
qzuser 0
2017/10/5 13:48:58
冒昧问一下，这个js文件放在哪？
M_oLs 丶 一个人0
2017/12/13 16:09:50
-
放在你项目的文件夹里面就行啊，用的时候路劲写对调用就好了
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
