结构比较简单，已经封装,本作品为 橘子香水 原创，其中样式借用了jquery的ui-tab的样式，JS部分getElementsByClassName是来自网络，其他均为自己写的，程序还可以被扩展，也可能有bug，欢迎指正：QQ 61632273 ，MSN omeweb(at)hotmail.com。
cssrain.cn首发。^_^
使用简单，两行代码 :var s=new UI_TAB();s.init("container-1");//init方法的参数就是tab的外围DIV的ID
兼容IE6，7，FF1.5，FF3.0
ie8（样式有一点问题）
刷新页面后仍然可以保持被激活的选项卡
要用程序激活指定的tab，只需要：s2.activeIndex(1)；//其中s2是实例名，后面的1是从0开始的序号，这里有一个例子：
点这里激活第二个TAB的第二个
<div id="container-1"><!--使用时： var s=new UI_TAB();s.init("container-1");-->
<ul class="ui-tabs-nav">
<li class="ui-tabs-selected"><a href="#fragment-1"><span>One</span></a></li>
<li class=""><a href="#fragment-2"><span>Two</span></a></li>
<li class=""><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<!--上面的导航项目全放在class为的UL下面的LI下,高亮部分依次是默认显示的项目，显示内容的id，选项卡的标题-->
<div style="display: block;" class="ui-tabs-panel ui-tabs-hide" id="fragment-1">
<p>First tab</p>
</div>
<!--上面的结构就是内容的结构，高亮部分依次是默认显示的内容，每一个内容都要有的class，以及和选项卡对应的ID-->
<div class="ui-tabs-panel ui-tabs-hide" id="fragment-2">
<p>Second tab</p>
</div>
<div class="ui-tabs-panel ui-tabs-hide" id="fragment-3">
<p>Third tab</p>
</div>
</div>