jquery tab切换
(function($){$.HoverTabs=function(options){var ops=$.extend($.HoverTabs.defaults,options);this.tabs=ops.tabs;this.tabContents=ops.tabContents;this.curIndex=0;this.intevalTime=ops.intevalTime;var _this=this;this.showTab=function(){_this.clearTime();var curTab=$(_this.tabs);_this.timeout=setTimeout(function(){_this.tabs.each(function(j){$(this).removeClass("a"+(j+1)+"_current");});curTab.addClass("a"+(_this.curIndex+1)+"_current");_this.tabContents.hide();///扩展，可先检测内容的html是否已被加载过，如果未加载可以有ajax操作_this.tabContents.eq(_this.curIndex).show();},_this.intevalTime);};this.clearTime=function(){clearTimeout(_this.timeout);}_this=this;$(_this.tabs).each(function(i){$(this).hover(function(){_this.curIndex=i;_this.showTab();},function(){_this.clearTime();});});};$.HoverTabs.defaults = {tabs : null, //tab标题tabContents : null, //tab内容intevalTime: 100 //延迟时间间隔};})(jQuery);
页:
[1]