jQuery tab切换

jQuery tab切换，如下代码：

1. (function($){   
2.     $.HoverTabs=function(options){   
3.         var ops=$.extend($.HoverTabs.defaults,options);   
4.         this.tabs=ops.tabs;   
5.         this.tabContents=ops.tabContents;   
6.         this.curIndex=0;   
7.         this.intevalTime=ops.intevalTime;   
8.         var _this=this;   
9.         this.showTab=function(){   
10.             _this.clearTime();   
11.             var curTab=$(_this.tabs[_this.curIndex]);   
12.             _this.timeout=setTimeout(function(){   
13.                 _this.tabs.each(function(j){   
14.                     $(this).removeClass("a"+(j+1)+"_current");   
15.                 });   
16.                 curTab.addClass("a"+(_this.curIndex+1)+"_current");   
17.                 _this.tabContents.hide();   
18.                 ///扩展，可先检测内容的html是否已被加载过，如果未加载可以有ajax操作   
19.                 _this.tabContents.eq(_this.curIndex).show();   
20.             },_this.intevalTime);   
21.         };   
22.         this.clearTime=function(){   
23.             clearTimeout(_this.timeout);   
24.         }   
25.         _this=this;   
26.         $(_this.tabs).each(function(i){   
27.             $(this).hover(function(){   
28.                 _this.curIndex=i;   
29.                 _this.showTab();   
30.             },   
31.             function(){   
32.                 _this.clearTime();   
33.             });   
34.         });   
35.     };   
36.     $.HoverTabs.defaults = {   
37.             tabs : null, //tab标题   
38.             tabContents : null, //tab内容   
39.             intevalTime : 100 //延迟时间间隔   
40.     };   
41. })(jQuery);   

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索jquery
， function
， this
， tabs
tabcontent
jquery tab、jquery tab切换插件、jquery tab切换效果、jquery tab切换代码、jquery tab选项卡，以便于您获取更多的相关知识。