欢迎光临一流素材网,免积分免费素材下载!
AD
当前位置:首页 > JS代码 > TAB选项卡

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

所属栏目:TAB选项卡更新时间:2013-05-18原作者:不详发布者:deepdfhy浏览:0
基本信息
  • 发布者:
  • 原作者:不详
  • 来源:不详
  • 版权声明


非常好用经典的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 为滑过切换。


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

标签:
代码下载
本站下载
收藏 0 有帮助 0 没帮助 0
请站长喝杯咖啡?

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

如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

立即打赏 0
给个评价吧
最受欢迎的

1myFocus Tab - 很不错的tab切换选项卡js插件

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

3jquery多层选项卡切换代码

4tab选项卡和图片滚动结合使用的jquery代码

5带手风琴效果的TAB选项卡jquery代码

7扩展性好的精简自动切换的TAB标签/TAP选项卡

8JQuery选项卡缓动滚动导航菜单位置代码

9SlideToggle导航纯手打

10jQuery仿百度首页滑动选项卡代码

最新更新的

1仿雅虎首页网站快捷入口TAB代码

2jQuery仿腾讯游戏官网首页小幻灯片

3SlideToggle导航纯手打

4jQuery仿百度首页滑动选项卡代码

5jQuery长文本分页插件textify

7适合新闻首页的轮播

9仿淘宝可重复使用的JS TAB标签选项卡代码

10带手风琴效果的TAB选项卡jquery代码