優秀jQuery插件：增強網站吸引力

賈智

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

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

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

用jQuery和CSS創建Mac風格的魚眼菜單

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

MetroPanel——為現代網站而生的新型導航

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

Mega Menu Complete Set——大型菜單組

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

Fullscreen Site Navigation——全屏網站導航

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

Metro Flexible Navigation——Metro彈性導航

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

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

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

Quick & Pro菜單

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

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

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

SuperfishjQuery菜單插件

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

Smooth Expandable Menu——平滑擴展菜單

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

Menu Maker——CSS3 jQuery菜單生成器

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

jQuery Push Menu

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

QuickAccess Menu——快速菜單訪問

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

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

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

Puffer Fish式導航工具

Puffer Fish可以讓網站的導航欄實現獨特的圖片預覽效果，包括抽出式、彈出式等等。

Tree——jQuery樹型插件

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

Sherpa——完備的導航系統

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

Slide Down Menu——向下滑動菜單

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

Memu——簡單的jQuery菜單

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

jQuery圖文菜單

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

Ninja UI

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

Image Hover Move

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

jQuery One Page導航插件

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

Sticky Footer——固定頁腳

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

Droop

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

jMenu

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

skinableTabs

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

地鐵線路圖可視化jQuery插件

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

mb.verticalSlider

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

jCrumb

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

jQueryStepy——向導插件

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

使用jQuery的可折疊菜單

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

jQuery環境菜單

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

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

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