标准的、语义的、Unobtrusive的页签切换

例子1：点击激活

s2uTab('tab', 'click', 2);

灞上秋居

灞原风雨定，

晚见雁行频。

落叶他乡树，

寒灯独夜人。

空园白露滴，

孤壁野僧邻。

寄卧郊扉久，

何年致此身。

新嫁娘

三日入厨下，

洗手作羹汤。

未谙姑食性，

先遣小姑尝。

塞下曲·其二

饮马渡秋水，

水寒风似刀。

平沙日未没，

黯黯见临洮。

昔日长城战，

咸言意气高。

黄尘足今古，

白骨乱蓬蒿。

例子2：鼠标悬停激活

s2uTab('tab', 'mouseover', 0);

灞上秋居

灞原风雨定，

晚见雁行频。

落叶他乡树，

寒灯独夜人。

空园白露滴，

孤壁野僧邻。

寄卧郊扉久，

何年致此身。

新嫁娘

三日入厨下，

洗手作羹汤。

未谙姑食性，

先遣小姑尝。

塞下曲·其二

饮马渡秋水，

水寒风似刀。

平沙日未没，

黯黯见临洮。

昔日长城战，

咸言意气高。

黄尘足今古，

白骨乱蓬蒿。

CSS

.tab {position:relative; width:20em;}
.tab dt {position:relative; z-index:2; bottom:-1px; float:left; margin:0 4px; padding:0 12px; border:1px solid #ccc; background:#333; color:#fff; cursor:pointer;}
.tab .current {border-bottom:1px solid #fff; font-weight:bold; background:#fff; color:#333;}
.tab dd {position:absolute; z-index:1; top:1.6em; left:0; width:18em; padding:1em; border:1px solid #ccc; background:#fff;}