37個超級棒的 jQuery菜單插件

        導航是網站設計最重要的元素之一。一個優秀的導航菜單要簡潔易用，方便用戶。而用 jQuery 菜單插件制作出來的動態導航則能很好的滿足這一點。jQuery 是一個輕量級的 JavaScript 框架，兼容 CSS3 以及各種瀏覽器，同時還有許多成熟的插件可供選擇，能給用戶帶來更好的使用體驗。本文整理了 37 個優秀的 jQuery 菜單插件，用以幫助你創建更好的導航菜單。

        1、用 jQuery 和 CSS 創建的 Mac 風格的菜單

        如果你是一名標準的 Mac 迷，你一定會喜歡這個菜單。它有兩處停靠的位置：頂部和底部。

        2、超級菜單包

        超級菜單包里包含了 10 個效果很酷的菜單，其中有 5 個是全部用 CSS 寫出來的。對于那些想要擁有一次特殊設計體驗，或者尋求全新起點的設計師來說，它堪稱完美。

        3、LavaLamp

        LavaLamp 是一個簡單易用的 jQuery 插件，可以讓你創造出效果驚人的水平導航條。讓人高興的是，這很容易實現。

        4、Quick & Pro 菜單

        Quick & Pro 菜單插件可以創建帶有特殊風格的 jQuery 大型菜單，這在網站設計中很少見，不過，卻很容易讓用戶快速得知網站的大量信息。

        5、Superfish jQuery 菜單插件

        Superfish 是一個專門用于菜單上的 jQuery 插件。

        6、菜單制作者

        這是一段 JavaScript 代碼，為你提供一個具有友好界面的工具，此工具用圓角和流暢的動畫幫助你創建導航菜單。制作導航菜單從未像這樣簡單。你所要做的僅僅是拖動滾動條來調整菜單的屬性。

        7、快速訪問菜單

        輕松定制，易于集成，并可以快速訪問你的網站。是適用于網站設計的最小的設計方案。

        8、Sticklr——用 CSS3 和 jQuery 實現的固定側邊欄

        靈感來自 Envato 站點的切換工具，這里有一個很有用的固定側邊欄，用 CSS 實現后并經由 jQuery 增強了這一效果。

        9、Puffer Fish 式的導航

        帶有懸停發光效果的導航插件。

        10、滑動標簽——jQuery 插件

        滑動標簽是一款為你的網站創建水平或垂直動畫標簽的 jQuery 插件。你可以在一個頁面上實現多個標簽實例，而且可以用 CSS 實現任何你定制的標簽。這款插件有很多定制的選項，使得它靈活易用，易于滿足你的定制需求。

        11、垂直滑動的 jQuery 菜單

        毫無疑問，你的客戶一定會喜歡它。更妙的是，本教程也將教你如何用 Photoshop 來設計此類菜單。

        12、Sherpa 完整的導航系統

        Sherpa 匯聚了每個頁面都必不可少的三個主要導航元素：導航欄、側邊欄和固定頁腳。

        13、向下滑動菜單

        這個創意是當縮略圖彈出時，菜單選項像盒子一樣滑出。對于一些菜單選項，我們還容納一個子菜單來添加一些鏈接。子菜單是從左邊還是從右邊滑出，這取決于鼠標放在哪一個菜單選項上。

        14、Memu——一個簡單的的 CSS / JavaScript / jQuery 的菜單

        一個小而實用的 jQuery 插件。

        15、下拉式菜單

        有了這個腳本，你可以制作美觀且互動性良好的下拉菜單。這個腳本的好處是，你不僅可以制作下拉列表菜單，也可以使用一個 div 標簽作為下拉元素。

        16、用 JavaScript 寫出超大水平菜單

        17、Ninja UI

        18、超大的菜單設置

        通過 10 多個 jQuery 效果和 13 種顏色中的一種來創建這種獨特的菜單，而這一效果可以由巨型下拉菜單設置完美的實現。 

        19、圖片懸停移動

        一個簡單實用的導航插件。

        20、jQuery One Page 導航插件

        有了這個插件，當導航被點擊時頁面翻轉的更平滑。它還可以根據翻轉的內容自動突出正確的導航區域。

        21、固定頁腳

        這里使用 jQuery 只為增強網頁特效的效果。

        22、Asura jQuery Footer

        Asura jQuery 式的頁腳是一個高度可定制的固定頁腳。它可以讓你更自由地在網頁底部放置內容。

        23、Dropp

        Dropp 是一個可以用來取代常規下拉菜單的 jQuery 插件。

        24、jMenu

        jMenu 是一個我們可以用來創建帶有無限制子菜單水平導航的 jQuery 插件。菜單中的標記顯得很干凈，因為它使用嵌套列表。

        25、skinableTabs

        skinableTabs 是一個不顯眼的 jQuery 插件，它允許你用美觀的標簽來凸顯網站的內容。

        26、地鐵地圖可視化的 jQuery 插件

        這個插件把無序的列表嵌入到一張類似于倫敦地下地圖風格的地鐵地圖里。

        27、MobilyBlocks

        MobilyBlocks 插件允許你將無序列表創建成一個類似于圓圈的樣式。

        28、mb.verticalSlider

        29、infiniScroll

        30、jQCloud

        jQCloud 允許你創建整齊的云形字和云形的標簽。由于這個插件產生純 HTML 代碼，這種云形字的布局可以很容易地通過傳統的 CSS 樣式自定義方式來實現。

        31、jQuery Stepy——一個魔幻般的插件

        32、使用 jQuery 的手風琴式菜單

        33、jQuery 菜單選擇器

        這個插件通過本地路徑來激活菜單選項。

        34、FooBar——一個 jQuery 式的通知欄

        Foobar 的是一個位于頁面頂部的通知欄，它簡潔且不顯眼，當用戶訪問時，用以告知或公布網站信息。

        35、無盡的自動瀏覽

        當運行在一個 DOM 元素上的時候，倘若用戶瀏覽到此元素的底部，這個插件將擴展此元素并自動填充內容。內容是通過 Ajax 來獲取的，插件使用本地存儲來保持高速緩存。

        36、jQuery Context Menu

        ContextMenu 是一個輕量級的 jQuery 插件，可以讓你選擇性地覆蓋瀏覽器的右鍵菜單。

        37、jCrumb

        jCrumb 是一個 jQuery 插件，可以讓你添加一些瑣碎的消息到任何一個 Web 頁里，而不必擔心站點地圖的問題。

        英文原文：35+ Useful jQuery Menu Plugins.