順便也找 來了不少優秀的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 idTabsidTabs是jQuery的插件。他能非常容易的為網站添加選項卡. 但是他也為無窮的可能性敞開大門。
演示 | 下載 | 介紹
6. jQuery + CSS創建順暢的選顯卡內容區網頁設計師設法把大量的信息濃縮在一個網頁上而不失可用性是最大的挑戰之 一。內容選項卡化是處理此類問題非常棒的方法,最近廣泛被應用於博客。這是一篇非常棒的教程講解,使用HTML建立一個小的選項卡信息盒,最後使用一些簡 單js功能與jQuery庫實現。
演示 | 下載 | 介紹