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.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);

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值