其中，页签指dl元素的引用，如果您传入的是字符串，则返回id是改字符串的dl引用；事件类型是指，页签的激活是点击还是鼠标悬停，传入click或者mouseover（注意：没有”on”!）即可；初始页签是指您在初始化页面时需要激活的页签，注意，为符合编程习惯，请从0算起。

例子：

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

标准的、语义的、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;}

Copyleft © 2007 Realazy