TabControl（标签控件） v2.0，该版本使用更加方便，功能更实用。

/products/webComponents/TabControl/demo.htm

• Internet Explorer　全面支持
• Firefox　全面支持

var tabControl = new TabControl("normalTitle", "", "activatedTitle", "mouseover");

tabControl.bindTabPagesByContainerId("titles", "contents");

tabControl.activateTabPage(0);

TabControl(normalTitleClassName, hoverTitleClassName, activatedTitleClassName, eventName)

构造函数。

• normalTitleClassName　字符串　标签页标题的默认样式名称。
• hoverTitleClassName　字符串　鼠标移到标签页的标题上时标签页标题的样式名称，当 eventName 不为 mouseover 时才生效。
• activatedTitleClassName　字符串　已激活的标签页的标题样式名称。
• eventName　字符串　获得触发标签页切换的事件名称，一般为 click 或 mouseover。

bindTabPagesByContainerId(titleContainerId, contentContainerId)

根据标签页标题和标签页内容的上级容器 Id 绑定多个标签页。

• titleContainerId　字符串　标签页标题的上级容器 Id。
• contentContainerId　字符串　标签页内容的上级容器 Id。

bindTabPagesByContainer(titleContainer, contentContainer)

根据标签页标题和标签页内容的上级容器绑定多个标签页。

• titleContainer　字符串　标签页标题的上级容器对象。
• contentContainer　字符串　标签页内容的上级容器对象。

bindTabPages(titles, contents)

绑定多个标签页。

• titles　数组　标签页标题对象数组。
• contents　数组　标签页内容对象数组。

bindTabPage(title, content)

绑定标签页。

• title　object　标签页标题对象。
• content　object　标签页内容对象。

activateTabPage(newTabPageIndex)

激活对应的标签页。

• newTabPageIndex　数字　当前要激活的标签页索引，第一个标签页的索引值为 0。

• normalTitleClassName　字符串　标签页标题的默认样式名称。
• hoverTitleClassName　字符串　鼠标移到标签页的标题上时标签页标题的样式名称，当 eventName 不为 mouseover 时才生效。
• activatedTitleClassName　字符串　已激活的标签页的标题样式名称。
• eventName　字符串　获得触发标签页切换的事件名称，一般为 click 或 mouseover。
• tabPages　TabPage 对象　获得标签页数组。
• activatedTitleIndex　数字　获得当前已经激活的标签页的索引值。

当前版本 v2.0 点击下载压缩文件包，内含：

• JS 主程序文件　1 个
• 示例文件　1 个