如果你正在設(shè)計一個網(wǎng)站,需要在里面添加一些Tab 標(biāo)簽的話，為什么不使用Javascript 呢？今天我們收集了10 個應(yīng)用Javascript / Ajax 腳本生成的標(biāo)簽效果，你可以很容易的將它們應(yīng)用到你以后的網(wǎng)站項目中去。

#1. jQuery Coda Slider

一個基于jQuery Javascript 框架的滑動顯示內(nèi)容的Tab 標(biāo)簽效果。漂亮、流暢，多種操縱方法。

#2. Perspective tabs

Perspective tabs 是一個基于MooTools 的Javascript 插件。它最大的特點是可以在一個有限的橫向空間里容納更多的標(biāo)簽(標(biāo)簽可以橫向滾動)。

#3. idTabs

另一個基于jQuery 框架的Javascript 插件，你可以把它非常簡單的添加到你的網(wǎng)站中去，不過也別小瞧它，它還有很多功能等待你去挖掘呢。

#4. Tab Accordion

Tab Accordion 基于MOO.FX 開發(fā)，提供一種漂亮的手風(fēng)琴折疊效果，有水平、兩列和標(biāo)簽三種樣式可以選擇。

#5. XP Style Tab Panes

這是一個配置非常簡單的動態(tài)標(biāo)簽?zāi)_本。你只要把需要顯示的內(nèi)容放到一個<div> 容器中，然后調(diào)用Javascript 函數(shù)創(chuàng)建動態(tài)標(biāo)簽就可以了。

#6. AJAX Tabs

Ajax Tabs 是一個應(yīng)用Ajax 生成動態(tài)標(biāo)簽效果的腳本，附帶的示例中演示了如何在Ajax Tabs 中動態(tài)顯示文字、表格以及地圖等內(nèi)容的方法。

#7. Tabbed Page Interface

Tabbed Page Interface 是一個簡單的利用Ajax 實現(xiàn)的無刷新動態(tài)轉(zhuǎn)入內(nèi)容的Javascript Tab 組件。

#8. jQuery Nested Tab Set

又一個基于jQuery 框架的Javascript 插件，它最大的特色在于可以在Tab 容器中繼續(xù)嵌套另一個Tab 。

#9. Ajax Tabs Reloaded

Ajax Tabs Reloaded 可以讓你在需要的時候為容器添加標(biāo)簽，而不一定必須在最初就指定標(biāo)簽的數(shù)量。

#10. Tabs in Scriptaculous

Tabs in Scriptaculous 可以幫你為你的網(wǎng)站建立一個交互式的Tab 效果。