正在读取中...

正在读取中...

当前位置:首页 > JS代码 > TAB选项卡

jQuery选项卡TAB插件-点击/滑过切换-同页面重复使用

所属栏目:TAB选项卡 时间:2013-05-18 来源:网络 作者:不详 次围观 次下载
jQuery选项卡TAB插件-点击/滑过切换-同页面重复使用
兼容:
查看演示
本地下载
收藏

正在读取中...

非常好用经典的TAB选项卡插件。

1、同页面可重复合作。

2、支持“点击”、“滑过”两种切换方式。

3、调用简单。

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
jQuery.jqtab = function(tabtit,tab_conbox,shijian) {
$(tab_conbox).find(".tab_con").hide();
$(tabtit).find("li:first").addClass("thistab").show(); 
$(tab_conbox).find("tab_con:first").show();
  
$(tabtit).find("li").bind(shijian,function(){
  $(this).addClass("thistab").siblings("li").removeClass("thistab"); 
var activeindex = $(tabtit).find("li").index(this);
$(tab_conbox).children().eq(activeindex).show().siblings().hide();
return false;
});
  
};
 
/*调用方法如下:*/
$.jqtab("#tabs","#tab_conbox","click");
$.jqtab("#tabs2","#tab_conbox2","mouseenter");
按需添加调用, click 为 点击切换,mouseener 为滑过切换。


具体效果请看演示,一流资源网推荐下载。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

正在读取中...

共有 条评论

给个评价吧

验证码: