(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.curIndex]); _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);