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

#1. jQuery Coda Slider

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

#2. Perspective tabs

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

#3. idTabs

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

#4. Tab Accordion

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

#5. XP Style Tab Panes

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

#6. AJAX Tabs

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

#7. Tabbed Page Interface

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

#8. jQuery Nested Tab Set

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

#9. Ajax Tabs Reloaded

Ajax Tabs Reloaded 可以讓你在需要的時(shí)候?yàn)槿萜魈砑訕?biāo)簽，而不一定必須在最初就指定標(biāo)簽的數(shù)量。

#10. Tabs in Scriptaculous

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