js:tab切换

tabChange.js

Function.prototype.getCallback = function(){
    var _this = this, args = arguments;     
    return function(e) {
        return _this.apply(this || window, args);
    };
}

function $(i) {
	return document.getElementById(i)
}

function getTag(p, e) {
	return p.getElementsByTagName(e)
}

function addEventHandler(target, type, func) {
	if(target.addEventListener) {
		target.addEventListener(type, func, false);
	} else if(target.attachEvent) {
		target.attachEvent("on" + type, func);
	} else {
		target["on" + type] = func;
	}
}

function tabSet(t, c) {
	var tab = $(t);
	var con = $(c);
	var tlist = getTag(tab, 'li');
	var clist = getTag(con, 'div');

	var tlist = getTag(tab, 'li');
	for(var i = 0; i < tlist.length; i++) {
		addEventHandler(tlist[i], "click", changeTab.getCallback(tlist,clist));
	}
}

function changeTab(tl,cl) {
	for(i = 0; i < tl.length; i++) {
		tl[i].className = "";
		cl[i].style.display = "none";

		if(tl[i] == this) {
			tl[i].className = "current";
			cl[i].style.display = "block";
		}
	}
}