基于JQuery的6個Tab選項卡插件

2019-11-21 00:16:04

字體：大中小

來源：轉載

供稿：網友

順便也找來了不少優秀的Tab選項卡實例，在這里與大家分享一下。當然，最終我沒有用到IdTabs以及如下任何一個實例，我只是很不服氣的自己寫了個小插件，尚不完善，就不于此共享了。先來看看老外們出色的基于JQuery的各式Tab選項卡吧：
1. jQuery 選項卡界面 / 選項卡結構菜單教程
這種類型的菜單在網頁設計與開發中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑動/向上滑動效果創建屬于你自己的選項卡菜單。要非常留心此演示喲，你一定會喜歡上它的。
演示 | 下載 | 介紹

2. jQuery目錄導航插件
這個jQuery插件為我們提供了添加基于字母順序的導航小部件到有序和無序列表的方法。一個在列表之上的簡易的(via CSS)導航條，向用戶展示從A到Z的檢索。通過從列表中選擇一個字母來顯示以此字母開頭的所有元素。在可選字母上面顯示的計數，是表明當你點擊此字母的時候會有多少項目被現實。除此之外還有其他的基本功能可供選擇。
演示 | 下載 | 介紹

3. jQuery的Kwicks菜單
Kwicks起源于Mootools中的一個效果(相同名字),逐漸演變成一個高度可定制的通用部件.
演示 | 下載 | 介紹

4. jQuery褪色菜單 -更換內容
CSS-tricks上很好的教程，講解如何使用css和jQuery, 這次是他們教導如何使用 jquery使得菜單選項褪色。
演示 | 下載 | 介紹

5. jQuery idTabs
idTabs是jQuery的插件。他能非常容易的為網站添加選項卡. 但是他也為無窮的可能性敞開大門。
演示 | 下載 | 介紹

6. jQuery + CSS創建順暢的選顯卡內容區
網頁設計師設法把大量的信息濃縮在一個網頁上而不失可用性是最大的挑戰之一。內容選項卡化是處理此類問題非常棒的方法，最近廣泛被應用于博客。這是一篇非常棒的教程講解，使用HTML建立一個小的選項卡信息盒，最后使用一些簡單js功能與jQuery庫實現。
演示 | 下載 | 介紹

上一篇：jquery.simple.tree插件更簡單，兼容性更好的無限樹插件

下一篇：Jquery中dialog屬性小記