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

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

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

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

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

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

最新評(píng)論