最近項目中要用到tab樣式的iframe，可以將iframe進行tab一樣的添加修改，找了很久找到一款叫clever tabs的插件，簡單易懂，分享給大家。

創新互聯公司-專業網站定制、快速模板網站建設、高性價比青陽網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式青陽網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋青陽地區。費用合理售后完善，十載實體公司更值得信賴。

源碼地址：http://yun.baidu.com/share/link?shareid=2713218817&uk=2836507213

直接訪問index.htm,得到效果如下：

點擊添加更多tab，將在tab欄中打開新的tab標簽

下面簡單介紹下相關用法

1.CleverTabs.add方法:添加一個新的Tab并使之成為激活狀態，如果將要添加的url已經存在，則會激活該Tab 

2.CleverTabs.getCurrentTab方法: 
獲取當前處于激活狀態的Tab 

復制代碼 代碼如下:

3.CleverTabs.getTabByUrl方法: 
獲取指定url的Tab實例 

復制代碼 代碼如下:

4.CleverTabs.clear方法: 
關閉tabs內所有未鎖定的Tab 

復制代碼 代碼如下:

5.CleverTab.deactivate方法: 
使Tab頁面處于未激活狀態，但不建議在代碼中使用 
CleverTab.prevTab方法: 
獲取該Tab之前的Tab 

復制代碼 代碼如下:

6.CleverTab.nextTab方法: 
獲取該Tab之后的Tab 

復制代碼 代碼如下:

7.CleverTab.kill方法: 
從tabs中移移該Tab 

復制代碼 代碼如下:

8.CleverTab.refresh方法: 
刷新該Tab的iframe中的內容 

復制代碼 代碼如下:

9.CleverTab.setDisable方法: 
設置該Tab的disabled屬性，設置disabled為true后，自動設置該Tab的locked屬性為true 

復制代碼 代碼如下:

10.CleverTab.setLock方法: 
設置該Tab的locked屬性，設置locked為true后，該Tab的不允許關閉 

復制代碼 代碼如下:

源碼很簡答，大家自己也可以嘗試著去修改