欢迎访问 水平网    今天是:2017年11月22日 注册 | 登录 | 订阅 | 收藏
>> JavaScript >> prototype.js支持下写的tab标签切换
推荐代码
热点代码

prototype.js支持下写的tab标签切换

作者:未知,  来源:网络,  阅读:590,  发布时间:2014-05-09  【放入收藏夹
实例见本站首页,需要prototype.js支持
代码:Javascript复制
var Tab = Class.create();
Tab.prototype = {
	initialize:function(id,currentCss,mouseEvent){
		this.id = id;
		this.currentCss = currentCss;
		this.mouseEvent = mouseEvent;
		this.init();
	},
	
	init:function(){
		if($(this.id)){
			$(this.id).down(1).childElements().each(function(s,index){//事件绑定
				s.observe(this.mouseEvent, this._changeTab.bindAsEventListener(this,index));
			}.bind(this));
		}
	},

	_changeTab:function(e){//事件监听,改变标题样式和显示隐藏相应层
		var el =e.element();
		var cssN = this.currentCss;
		if (!el.hasClassName(cssN)){
			el.addClassName(cssN).siblings().each(function(s){
				s.removeClassName(cssN);
			});
			el.up(1).next().childElements()[$A(arguments).pop()].show().siblings().each(function(s){
				s.hide();
			});
		};
	}
}
Tags:prototypetab
评论【共有0条评论】查看所有评论
昵称:(*)   邮箱:   QQ:   验证码: 看不清楚?点击刷新验证码