var t=new Tabs($('tab1'));

        var $=function(id){return (typeof id == "Object") ? id : document.getElementById(id);};var $$=function(tag,elm){return elm.getElementsByTagName(tag);};var $C=function(cn,tag,elm){if(!tag) tag='*';var ts = $$(tag,elm);var classArr = [];var filter = new RegExp("(^|\\s)"+cn+"(\\s|$)");for(var i=0,l=ts.length;i<l;i++){if(filter.test(ts[i].className)){classArr.push(ts[i]);}}return classArr;}var cutover=function(arr,cur,c1,c0){for(var i=0,l=arr.length;i<l;i++){arr[i].className = (i ==cur) ? c1 : c0;}}var addEvent = function (elm, evType, fn, useCapture) {if (elm.addEventListener) {elm.addEventListener(evType, fn, useCapture);//DOM2.0return true;}else {var r = elm.attachEvent('on' + evType, fn);//IE5+return r;}}var Tabs = function (elm){//用传入的选项代替默认选项for(var r in arguments[1]){this.items[r] = arguments[1][r];}//alert(this.items.elm.innerHTML);this.tabhd = $C(this.items.cnhd,this.items.hdtag,elm)[0];this.tabtag = this.tabhd.children;this.tabbd = $C(this.items.cnbd,this.items.bdtag,elm)[0];this.tabcon = this.tabbd.children;if(this.tabtag.length != this.tabcon.length) {alert('Tab标签个数与内容个数不匹配');return true;}//添加切换事件this.ini(this);}//修改对象的原型prototype,将函数加在里面,可以实现N个对象都共用一个方法,避免资源浪费Tabs.prototype = {items:{//默认选项hdtag:'DIV',cnhd:'tabhd',cntag:'cur',cntagno:'',bdtag:'DIV',cnbd:'tabbd',bdcur:'cur',bdno:'no'//最后一个元素后的,一定要去掉,不然IE会报错},ini:function(o){for(var i=0,l=o.tabtag.length;i<l;i++){/**/o.tabtag[i].go = i;o.tabtag[i].onmouseover = function(){cutover(o.tabtag,this.go,o.items.cntag,o.items.cntagno);cutover(o.tabcon,this.go,o.items.bdcur,o.items.bdno);}}},run:function(t){this.time = t;}};