優(yōu)秀jQuery插件：增強網(wǎng)站吸引力

賈智

jQuery菜單插件可以讓你的網(wǎng)站訪客獲得最好的動態(tài)導航。通過jQuery，你可以提供與眾不同而深受用戶喜愛的動態(tài)外觀。導航是網(wǎng)頁設計最重要的元素之一，應該簡潔實用并有創(chuàng)意，以免用戶因搜尋無果而離開。

jQuery是一種輕巧、適用于各種瀏覽器、異常強大的JavaScript框架（程序庫），它強調(diào)并簡化了JavaScript、CSS和HTML之間的交互過程。你可以用jQuery來改變網(wǎng)站的外觀，讓它脫穎而出，而這個過程比你想象的容易。

jQuery是改進并突出導航的有力工具。文章中將會綜合介紹一些新鮮酷炫的jQuery菜單插件，幫助你實現(xiàn)充滿吸引力的網(wǎng)站導航，讓你網(wǎng)站更有組織性和交互性。另外，也可以看看jQuery的其他特征和插件，比如jQuery圖片縮放插件。

用jQuery和CSS創(chuàng)建Mac風格的魚眼菜單

如果你是一名超級果粉，你一定會愛上這個CSS魚眼菜單。這個菜單可以停靠在頂部和底部。

MetroPanel——為現(xiàn)代網(wǎng)站而生的新型導航

MetroPanel分為兩大面板及各種背景與項目，所以你可以用這款插件變換出無數(shù)種調(diào)整菜單的方法。

Mega Menu Complete Set——大型菜單組

大型下拉菜單組可以通過使用十多種jQuery效果和13種顏色中的一種來創(chuàng)建獨一無二的jQuery導航菜單。該菜單以自定義網(wǎng)格為基礎，能讓你用標題、列表、圖片風格、表格、表單元素等多種排版案例將你的內(nèi)容分為多列（1至12列）。

Fullscreen Site Navigation——全屏網(wǎng)站導航

這款JavaScript插件可以讓你簡單快速地創(chuàng)建全屏網(wǎng)站。它可以整合進任何cms（內(nèi)容管理系統(tǒng)）或網(wǎng)站模板：該插件只提供運作所需的結構及算法，其他的完全由設計師決定。

Metro Flexible Navigation——Metro彈性導航

Metro彈性導航是一種簡潔的網(wǎng)格布局，與最新的Windows 8界面非常相似。導航可以設置為水平布局或垂直布局。它可以同時滾動、拉動，并有多種實用的滑動控制。可以改變圖標，該插件有大量圖標可供選擇。

UI-Pro——簡單的Metro風格導航欄

你可以用這款簡單的jQuery插件輕松地創(chuàng)建Metro（現(xiàn)在被簡稱為Windows 8 UI）風格導航欄。插件包帶有由P. J. Onori創(chuàng)造的“iconic”圖標包，你可以用CSS類輕松設置。

Quick & Pro菜單

Quick & Pro菜單可以創(chuàng)建特別的jQuery大型菜單，這種菜單在網(wǎng)站中很少見，不過便于讓訪客快速獲取大量信息。

Tabs + Accordion——可折疊標簽插件

這款jQuery插件降低了創(chuàng)建響應式可折疊標簽的難度。你可以用內(nèi)置主題，也可以自己選擇顏色來創(chuàng)建屬于你的主題。

SuperfishjQuery菜單插件

Superfish是一款專門針對菜單的jQuery插件。它可以對HTML和CSS所實現(xiàn)的效果加以改進，還能懸停支持IE6、動畫、鍵盤可用性等。

Smooth Expandable Menu——平滑擴展菜單

平滑擴展菜單是創(chuàng)建最少垂直擴展菜單的權威工具，可以直接從HTML文件或腳本命令通過其內(nèi)置的17項配置參數(shù)來輕松實現(xiàn)自定義。插件包有3種樣本（Serif、San Serif及Tiny），可以降低整合進任何網(wǎng)頁專題的難度。

Menu Maker——CSS3 jQuery菜單生成器

該javaScript代碼可以讓你的導航菜單欄在友好的環(huán)境中生成配有邊角圓滑且動畫流暢的搜索框。生成導航菜單從未如此簡單。你只需拉動滾動條來改變菜單屬性。

jQuery Push Menu

這是一款很酷的移動大型菜單插件。它可以在導航區(qū)用圖片及文本來突出關鍵產(chǎn)品。在大型菜單中插入視頻、圖片、表格等也很簡單。

QuickAccess Menu——快速菜單訪問

自定義與整合都十分方便，并可以快速訪問你的網(wǎng)站。代碼十分靈活，可以讓產(chǎn)品充分發(fā)揮其響應功能。這款小設計可以融洽和諧地配合你的網(wǎng)站。

Sticklr——jQuery固定側邊面板插件

這款實用的固定側邊面板受到了Envato站點切換工具的啟發(fā)，是通過CSS制作的，之后jQuery對其做出了巨大的改進。

Puffer Fish式導航工具

Puffer Fish可以讓網(wǎng)站的導航欄實現(xiàn)獨特的圖片預覽效果，包括抽出式、彈出式等等。

Tree——jQuery樹型插件

這款jQuery插件安裝簡便，所含選項十分豐富。該插件可以將你的HTML轉化成含有無數(shù)菜單及子菜單的可折疊菜單系統(tǒng)。適合所有主流瀏覽器。

Sherpa——完備的導航系統(tǒng)

Sherpa能夠完全滿足你的所有導航要求。這一個插件集合了界面三大導航元素：導航欄、側邊欄和固定頁腳。

Slide Down Menu——向下滑動菜單

這款插件是幫助網(wǎng)站在縮略圖彈出的同時滑出菜單選項框，并且給出了菜單選項，以及設置了子菜單框來添加鏈接。當用戶懸停在某一個菜單選項上，子菜單就會相應地向左滑或者向右滑。

Memu——簡單的jQuery菜單

這是一款小而方便可靠的jQuery插件，即使不在jQuery的環(huán)境下也可以使用該菜單。該腳本的特殊之處在于它內(nèi)含plugin jstorage.js，而且這是一款極具實用性的插件，可存儲現(xiàn)有項目。所以，如果你正在進行導航，選中的選項就會保持高亮狀態(tài)。你就可以少用一些服務器代碼。

jQuery圖文菜單

jQuery圖文菜單有多種配置選項，能給你的網(wǎng)站提供美觀的可配置動畫菜單。該菜單完全兼用W3C，在iPhone及iPad等移動設備上表現(xiàn)良好。

Ninja UI

Ninja用戶界面在JavaScript及CSS技術方面十分成熟，在應要求發(fā)動網(wǎng)頁忍術之前一直默默潛伏著。

Image Hover Move

一款簡單實用的圖片導航插件，為你的導航欄提供特色豐富的jQuery圖片插件。

jQuery One Page導航插件

有了這款插件，用戶點擊導航后頁面可以平滑滾動。它還可以根據(jù)滾動的目標區(qū)域自動突出正確的導航區(qū)域。

Sticky Footer——固定頁腳

這款固定頁腳可以隨時可用于你的網(wǎng)站中。你可以創(chuàng)建自己的菜單，用1至12列來展示你的內(nèi)容。它有兩種變體：一種寬度固定，能與你的布局相配，另一種為全寬，占據(jù)整個視圖寬度。

Droop

Dropp是一種用其他菜單（你可以自己設計）來取代常規(guī)下拉菜單（選擇元素）的jQuery插件。

jMenu

我們可以用jMenu這款jQuery插件來創(chuàng)建帶有無限子菜單的水平導航。除了jQuery，它還需要jQquery UI，并能支持該程序庫的所有效果。菜單使用了嵌套列表，因而其標記十分簡潔。

skinableTabs

作為一款jQuery插件，skinableTabs的功能并不像其它的插件那樣豐富，但是它的功能又必不可少，能為你的網(wǎng)站內(nèi)容加入絢麗的標簽。使用skinableTabs時，你可以選擇多種位置、皮膚及過渡效果。你可以在專屬CSS文件中自定義任何皮膚的外觀。

地鐵線路圖可視化jQuery插件

這款插件可以把雜亂無序的列表轉化成地鐵線路圖，風格與倫敦地鐵線路圖相似。它注重用曲線表現(xiàn)出簡潔美，并合理安排站點及換乘點的標記。

mb.verticalSlider

這款插件可以讓你對較長的元素列表進行分頁管理，可以配合你頁面DOM中的已有元素，也可以在需要時通過ajax加載元素。它可以通過鼠標滑輪進行操作。

jCrumb

jCrumb這款jQuery插件可以立即將面包屑導航添加到任何網(wǎng)頁里，而無需擔心網(wǎng)站地圖或服務器語言的問題。

jQueryStepy——向導插件

jQueryStepy是一款以FormToWizard為基礎的插件，能生成自定義向導。

使用jQuery的可折疊菜單

這款插件提供了兩種選擇：菜單可以設計成點擊切換或直接滾動。

jQuery環(huán)境菜單

ContextMenu是一款輕巧的jQuery插件，可以讓你自定義右鍵菜單，然后選擇性地覆蓋瀏覽器的右鍵菜單。

Autobrowse Endless Scroller——無限滾動自動瀏覽

這款插件在DOM元素上運行后，如果用戶滾動到元素底部，插件就會自動擴充元素內(nèi)容。插件通過ajax加載內(nèi)容，用本地存儲來內(nèi)置緩存。