基于JQuery的6個Tab選項卡插件
更新時間：2010年09月03日 15:02:35 作者：
今天在修整博客側(cè)欄信息時，利用到了Tab選項卡方式，因?yàn)閆Blog封裝的是JQuery庫，所以很自然地就想到了IdTabs。
順便也找 來了不少優(yōu)秀的Tab選項卡實(shí)例，在這里與大家分享一下。當(dāng)然，最終我沒有用到IdTabs以及如下任何一個實(shí)例，我只是很不服氣的自己寫了個小插件，尚 不完善，就不于此共享了。先來看看老外們出色的基于JQuery的各式Tab選項卡吧：
1. jQuery 選項卡界面 / 選項卡結(jié)構(gòu)菜單教程
這種 類型的菜單在網(wǎng)頁設(shè)計與開發(fā)中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑動/向上滑動效果創(chuàng)建屬于你自己的選項卡菜單。要非常留心此 演示喲，你一定會喜歡上它的。
演示 | 下載 | 介紹
2. jQuery目錄導(dǎo)航插件
這個jQuery插件為我們提供了添加基于字母順序的導(dǎo)航小部件到有序和無序列表的方法。一個在 列表之上的簡易的(via CSS)導(dǎo)航條，向用戶展示從A到Z的檢索。通過從列表中選擇一個字母來顯示以此字母開頭的所有元素。在可選字母上面顯示的計數(shù)，是表明當(dāng)你點(diǎn)擊此字母的 時候會有多少項目被現(xiàn)實(shí)。除此之外還有其他的基本功能可供選擇。
演示 | 下載 | 介紹
3. jQuery的Kwicks菜單
Kwicks起源于Mootools中的一個效果(相同名字),逐漸演變成一個高度可定制 的通用部件.
演示 | 下載 | 介紹
4. jQuery褪色菜單 -更換內(nèi)容
CSS-tricks上很好的教程，講解如何使用css和jQuery, 這次是他們教導(dǎo)如何使用 jquery使得菜單選項褪色。
演示 | 下 載 | 介紹
5. jQuery idTabs
idTabs是jQuery的插件。他能非常容易的為網(wǎng)站添加選項卡. 但是他也為無窮的可能性敞開大門。
演示 | 下載 | 介紹
6. jQuery + CSS創(chuàng)建順暢的選顯卡內(nèi)容區(qū)
網(wǎng)頁設(shè)計師設(shè)法把大量的信息濃縮在一個網(wǎng)頁上而不失可用性是最大的挑戰(zhàn)之 一。內(nèi)容選項卡化是處理此類問題非常棒的方法，最近廣泛被應(yīng)用于博客。這是一篇非常棒的教程講解，使用HTML建立一個小的選項卡信息盒，最后使用一些簡 單js功能與jQuery庫實(shí)現(xiàn)。
演示 | 下載 | 介紹
1. jQuery 選項卡界面 / 選項卡結(jié)構(gòu)菜單教程
這種 類型的菜單在網(wǎng)頁設(shè)計與開發(fā)中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑動/向上滑動效果創(chuàng)建屬于你自己的選項卡菜單。要非常留心此 演示喲，你一定會喜歡上它的。
演示 | 下載 | 介紹
2. jQuery目錄導(dǎo)航插件
這個jQuery插件為我們提供了添加基于字母順序的導(dǎo)航小部件到有序和無序列表的方法。一個在 列表之上的簡易的(via CSS)導(dǎo)航條，向用戶展示從A到Z的檢索。通過從列表中選擇一個字母來顯示以此字母開頭的所有元素。在可選字母上面顯示的計數(shù)，是表明當(dāng)你點(diǎn)擊此字母的 時候會有多少項目被現(xiàn)實(shí)。除此之外還有其他的基本功能可供選擇。
演示 | 下載 | 介紹
3. jQuery的Kwicks菜單
Kwicks起源于Mootools中的一個效果(相同名字),逐漸演變成一個高度可定制 的通用部件.
演示 | 下載 | 介紹
4. jQuery褪色菜單 -更換內(nèi)容
CSS-tricks上很好的教程，講解如何使用css和jQuery, 這次是他們教導(dǎo)如何使用 jquery使得菜單選項褪色。
演示 | 下 載 | 介紹
5. jQuery idTabs
idTabs是jQuery的插件。他能非常容易的為網(wǎng)站添加選項卡. 但是他也為無窮的可能性敞開大門。
演示 | 下載 | 介紹
6. jQuery + CSS創(chuàng)建順暢的選顯卡內(nèi)容區(qū)
網(wǎng)頁設(shè)計師設(shè)法把大量的信息濃縮在一個網(wǎng)頁上而不失可用性是最大的挑戰(zhàn)之 一。內(nèi)容選項卡化是處理此類問題非常棒的方法，最近廣泛被應(yīng)用于博客。這是一篇非常棒的教程講解，使用HTML建立一個小的選項卡信息盒，最后使用一些簡 單js功能與jQuery庫實(shí)現(xiàn)。
演示 | 下載 | 介紹
您可能感興趣的文章:
- JQuery Tab選項卡效果代碼改進(jìn)版
- jQuery實(shí)現(xiàn)TAB選項卡切換特效簡單演示
- jQuery實(shí)現(xiàn)Tab選項卡切換效果簡單演示
- jquery實(shí)現(xiàn)超簡潔的TAB選項卡效果代碼
- jQuery實(shí)現(xiàn)滾動切換的tab選項卡效果代碼
- jQuery實(shí)現(xiàn)移動端Tab選項卡效果
- jQuery封裝的tab選項卡插件分享
- jquery實(shí)現(xiàn)tab選項卡切換效果（懸停、下方橫線動畫位移）
- 動感效果的TAB選項卡jquery 插件
- 基于jquery實(shí)現(xiàn)的tab選項卡功能示例【附源碼下載】
相關(guān)文章
jQuery選擇頭像并實(shí)時顯示的代碼，以前腳本之家用js實(shí)現(xiàn)了，這里使用jquery實(shí)現(xiàn)的。2010-06-06
jquery 判斷div show的狀態(tài)實(shí)例
下面小編就為大家?guī)硪黄猨query 判斷div show的狀態(tài)實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-12-12
這篇文章主要介紹了jQuery中的關(guān)系查找方法，關(guān)系查找方法分有children()子級、siblings()兄弟的一些方式，下文都有介紹到，文章內(nèi)容介紹詳細(xì)，需要的小伙伴可以參考一下，希望對你的學(xué)習(xí)有所幫助2022-03-03
Timer是比較常用的工具類，用于按時間計劃執(zhí)行任務(wù)。這篇文章給大家介紹java中的timer的用法詳解，涉及到j(luò)ava timer相關(guān)知識學(xué)習(xí)，對本文感興趣的朋友可以參考下本篇文章2015-10-10
用jquery等比例控制圖片寬高的具體實(shí)現(xiàn)
控制圖片寬高的方法有很多，下面為大家介紹下使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以學(xué)習(xí)下2014-01-01
jquery 可拖拽的窗體控件實(shí)現(xiàn)代碼
這個是一個讓DOM元素可以拖拽的控件，代碼很簡單，我也是新手，不知道有沒有BUG，自己測試還行，希望大家發(fā)現(xiàn)BUG，踴躍提出，謝謝。這個是基于JQUERY開發(fā)的2010-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery頁面彈出框?qū)崿F(xiàn)文件上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
jquery仿京東導(dǎo)航/仿淘寶商城左側(cè)分類導(dǎo)航下拉菜單效果
jquery實(shí)現(xiàn)下拉菜單效果，jquery寫的仿京東導(dǎo)航菜單，一個經(jīng)典的左側(cè)多級導(dǎo)航菜單，學(xué)會了可以任意改變布局，感興趣的朋友可以參考下哈，希望對你有所幫助2013-04-04
jQuery的運(yùn)行機(jī)制和設(shè)計理念分析
jQuery是一個非常優(yōu)秀的JavaScript庫，與Prototype,YUI,Mootools等眾多的Js類庫相比，它劍走偏鋒，從Web開發(fā)實(shí)用的角度出發(fā)，拋除了其它Lib中一些不實(shí)用的東西，為開發(fā)者提供了短小精悍的類庫。2011-04-04
這篇文章主要為大家詳細(xì)介紹了jQuery選擇器之表單元素選擇器的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09