1. 程式人生 > >6個出色的基於JQuery的Tab選項卡例項

6個出色的基於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庫實現。
演示
| 下載 | 介紹