jquery easyui tab

 

 

最简单的tab示例：

<div id="tt" class="easyui-tabs" style="width:500px;height:250px;">
    <div title="Tab1" style="padding:20px;display:none;">
        tab1
    </div>
    <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">
        tab2
    </div>
    <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="display:none;">
        tab3
    </div>
</div>

 

 

当然，也可以用代码对其进行控制。

 

http://www.jeasyui.com/documentation/tabs.php

 

 

 

也看到一个高手自己写的简单的代码：

http://www.cnblogs.com/sicket/archive/2012/07/01/2572345.html

 

HTML的3种写法，未测试过

http://zzc1684.iteye.com/blog/1183757