下载下载演示源代码
HTML代码
标签测试
交易安全
淘宝大学
爱
tabpanel（{面板：标签}）； / /面板时，默认情况下，defalutstyle，hoverstyle可选
JS代码
tabpanel函数（参数）{
无功defaultindex =参数{默认 / / } | |，设置显示页面
panelobj =参数{面板}， / /设置标签的容器
defalutclass =参数{defalutstyle
hoverclass =参数{hoverstyle悬停
currentindex = defaultindex，
菜单= _ $（panelobj）。GetElementsByTagName（UL）{ }。getElementsByTagName（礼），
内容= _ $（panelobj）。GetElementsByTagName（UL）{ }。getElementsByTagName（礼），
menunumber = menus.length，
隐藏；
对于（var i =；i < menunumber；i++）{
_setclass（内容{ }，hoverclass）；
_setclass（内容{我}，隐藏）；
_setclass（菜单{我}，defalutclass）；
（函数（i）{）
菜单{我}。onmouseover =函数（）{
老currentindex } { var =菜单；
_setclass（老，defalutclass）；
_setclass（内容{ currentindex }，隐藏）；
菜单= { }；
_setclass（狗，hoverclass）；
currentindex =我；
_setClass (contents{i}, );
}；
}）（一）；
}
_setclass（菜单{ currentindex }，hoverclass）；
_setclass（内容{ currentindex }，）；
/方便功能
功能_setclass（obj，className）{ } =类名类名对象。
功能_ $（OID）{ return typeof（OID）= =字符串document.getelementbyid（OID）：老}
}
CSS代码
#标签{边界：PX固体# CCC；}
#标签。标签：BD {边界没有；保证金：汽车；填充：PX；文本对齐：左；高度：PX；位置：相对}
。选项卡导航{ margin: auto；padding:；背景：# EEE；高度：PX；}
选项卡导航：显示：内联；列表样式：无外部；宽度：PX；高度：PX；浮动：左行；行高：PX；文本对齐：中心；}
。tab nav Li {颜色：#；显示：内联块}
。tab nav Li：盘旋。标签导航li.hover一{文字装饰：无；背景：# FFF；颜色：#；显示：块；}
隐藏{显示：无}
