本机Javaｓｃｒｉｐｔ通过获取html标签属性类实现多个选项卡。
{。
清楚：两者；
保证金：20px汽车；
填料：10px；
宽度：680px；
溢出：隐藏；
}
tab.tab-menu {。
保证金：0；
填充：0；
列表样式：无；
}
tab.tab-menu李{。
显示：内联；
保证金：0 2px 00；
}
tab.tab-menu李{。
填充物：0 1em；
文字装饰：无；
颜色：# A80；
背景：# Fe5；
}
李：{ tab.tab-menu盘旋。
背景：# 0；
颜色：# 540；
}
tab.tab-menu.active {。
}
tab.tab-menu.active一{。
座垫：2px；
字体粗细：粗体；
颜色：黑色；
背景：# 0；
}
tab.tab-panel {。
填料：1em；
边境：2px固体# 0；
背景：# FFF；
}
tab.tab-panel H2 {。
字体大小：1.5em；
颜色：# 0；
}
tab.tab-none {。
显示：无；
}
函数Tab（样式，范围）{
this.oitem = this.getbyclass（风格、范围）；
This.init（）；
}
tab.prototype = { {
init：函数（）{
这个，菜单，M；
对于（var i = 0，len = this.oitem.length；我< len；i++）{
菜单=这。oitem {我} getElementsByTagName（李）；
对于（var j = 0，mlen = menu.length；J < mlen；j++）{
菜单= { }；
m.index = J；
m.onmouseover =函数（）{ that.focus（本）；}
}
}
}，
焦点：函数（o）{
VaR o.parentnode.parentnode PAR =，= par.getelementsbytagname面板（'div），
建立par.getelementsbytagname（李'），len = btn.length；
对于（var i = 0；i < i；i + +）{
- {我} classname = ''；
面板{我}。类名= this.changeclass（面板{我}。类名，'tab-none '，真的）；
}
o.classname =活动；
面板{ o.index }。类名= this.changeclass（面板{ o.index }。类名，'tab-none，假）；
}，
ChangeClass：功能（氯，氯气，添加）{
VaR的旗帜；
如果（cl.match（Cl2）！= NULL）标志=真；
如果（添加^旗）旗cl.replace回报（Cl2的）：Cl + = + Cl2；
CL回报；
}，
GetByClass：功能（CLA，obj）{
var obj文件obj | | ARR = =。{ }；
如果（文件。getelementsbyclassname）{
返回document.getelementsbyclassname（CLA）；
{人}
所有变量= obj.getelementsbytagname（*）；
对于（var i = 0，len = all.length；我< len；i++）{
如果（所有{我}。classname.match（CLA）！= null) arr.push (all{i});
}
报酬；
}
}
}
在window.onload =函数（）{
新的标签（'tab-menu，null）；
}
一百一十一
一百二十二
一百三十三
一百一十一
一百二十二
一百三十三
二百一十一
二百二十二
二百三十三
二百一十一
二百二十二
二百三十三
三百一十一
三百二十二
三百三十三
三百一十一
三百二十二
三百三十三
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。
