基于jQuery的9行js很容易实现选项卡控件的示例。

复制代码代码如下所示：







*考虑到tab和窗格可能会动态添加和删除，
所以每次花一点时间查找先前激活的标签
* /
var标签=功能（憔悴，activeid）{
$（#+憔悴李：不（#）。代表（+ activeid + ）
$（# + $ （+ activeid #）。Attr（沥青））。Css（显示
$（+ activeid #）。RemoveAttr（ID）；

$（这）。Attr（身份
$（# + $（this）。Attr（焦油））。Css（显示
}）；
}；



李{
边境：1px solid # b5e2f3；
底部边框：0px；
浮点数：左；
宽度：100px；
身高：25px；
保证金：0 7px；
背景：# f1fef3；
填料：9px 000；
文本对齐：中心；
颜色：# 33a3dc；
光标：指针；
}
UL {
宽度：800；
身高：36px；
底部边框：1px solid # b5e2f3；
}
#选择{
背景：# FFF！重要；
底部边框：2px固体# FFF！重要；
}
UL {保证金：- 1px；}
# cate1，# cate2，# cate3，# cate4，# cate5 {
清楚：两者；
身高：300px；
背景：# ffffff；
宽度：800px；
身高：100px；
填料：25px；
边境：1px solid # b5e2f3；
}




一
二
三
四




一


二


三


四




Tab（）选项卡