## Simple Tabs

First tab

Second tab

Third tab

## 使用说明

结构比较简单，已经封装,本作品为 橘子香水 原创，其中样式借用了jquery的ui-tab的样式，JS部分getElementsByClassName是来自网络，其他均为自己写的，程序还可以被扩展，也可能有bug，欢迎指正：QQ 61632273 ，MSN omeweb(at)hotmail.com。
使用简单，两行代码 :var s=new UI_TAB();s.init("container-1");//init方法的参数就是tab的外围DIV的ID
兼容IE6，7，8（样式有一点问题）,FF1.5，FF3.0
刷新页面后仍然可以保持被激活的选项卡
要用程序激活指定的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>