一些必看的jQuery導航插件和教程

導航是一個網站最重要的元素之一，您必須遵循統一的風格來設計您的網站，特別是導航的風格，讓用戶能夠輕鬆地找到他們想要的內容。這裏最大的部分是開發一個菜單，即要直觀易用，又要符合你網站的設計風格。本文列舉了20個必看的jQuery的導航插件和教程，演示經過jQuery實現一些導航效果，教您如何作一個有創造性和易於使用的導航。 

美麗滑出導航 

在本教程中，展現瞭如何建立一個驚人的滑出式菜單或導航。這給出了一個漂亮的效果，使用這種技術能夠節省您在網站上一些空間。 

Search Box with Filter and Large Drop Down Menu 

這個搜索框顯示一個下拉菜單後進入用戶點擊輸入字段。該菜單是做爲一個過濾器的行爲與幾個複選框選項，容許用戶選擇特定類別的搜索。當用戶將鼠標懸停下拉就會消失。 

jQuery MegaMenu 2 

這是一個至關豐富的導航功能插件，容許你建立HTML的大型菜單。 

Cut & Paste jQuery Mega Menu 

兆豐菜單指下拉菜單，其中包含多個列的連接。 這個jQuery腳本可讓你添加一個超級菜單，任何網頁上的連接錨，每一個菜單顯示採用圓滑擴大動畫。自定義動畫菜單延遲時間消失以前，加當鼠標推出了錨。 

Mega Drop Down Menu w/ CSS & jQuery 

在本教程中，做者演示瞭如何建立一個菜單系統，這適合於大型電子商務網站。 

Sexy Drop Down Menu w/ jQuery & CSS 

研究代表，當用戶第一次訪問一個網站時，頂部導航每每最大程度的影響着他們的視覺。在本教程中，您將學習如何建立一個柔和下落的而且很是性感的下拉菜單。 

Superfish – jQuery menu plugin 

Animated Menus Using jQuery 

在本教程中，您將學習如何建立這個驚人的動畫效果菜單，這正是普通的XHTML，CSS和JavaScript。 

Create a Cool Animated Navigation with CSS and jQuery 

在本教程中，您是要學習只使用CSS和jQuery創建一個很是酷的動畫導航菜單。 

jQuery Simple Drop Down Menu 

這是一個很小導航腳本，壓縮到只有1kb大小，20行代碼。您能夠用HTML無序列表建立主菜單結構，這是一個很好的作法。 

Simple jQuery Dropdowns 

這是一個低保樣式的導航代碼，很是精簡。可是它仍然具備一般所須要的全部功能。 

Smooth Navigational Menu 

這個菜單的內容能夠是達成不管從網頁上直接標記，或外部文件，並經過Ajax的牽強。對於jQuery可配置，時尚「幻燈片加淡出」，因爲是過渡期間適用的分菜單揭幕。菜單同時支持橫向和縱向（側欄）的方向。 

jQuery的多級CSS菜單 

這是一個多級水平CSS菜單，利用規則嵌套的HTML列表標籤建立。當子菜單靠近窗體右邊緣時，將自動調整展現方面。 

A Perfect Multi-Level Navigation Bar 

Simple unlimited levels vertical drop down navigation menu jquery plugin 

jdMenu Hierarchical Menu 

該jdMenu插件爲jQuery的菜單提供了對Web應用程序的網站的簡潔的層次降低，建立簡潔優雅的解決方案。功能列表能夠查看jdMenu是不是你的解決方案。 

會翻轉的網站菜單 

這是一個會翻轉的網站菜單。你把鼠標放到某個菜單項上，它會翻動一下，改變背景色。 

jQuery Basic Menu 

這是一個下拉菜單，就像應用程序菜單的行爲（點擊打開，單擊關閉...).它支持經過HTML標記或經過JavaScript菜單的建立。 

jQuery iPod-style Drilldown Menu 

這是一個極好的菜單系統，可用於建立簡單的下拉菜單，iPod-like菜單和Flyout風格的導航菜單。 

列表導航菜單 

這是一個用於建立按字母順序分類導航的jQuery插件。這個jQuery插件提供一個簡單的方法悄悄地添加一個字母爲基礎的導航部件UL或任何其餘職等的清單。一個容易樣式化（經過CSS）的導航欄上方出現列表，顯示用戶的字母A -到- Z的。 點擊一個字母的過濾列表，只顯示列表中的項目以該字母開頭。在一個信（可選）懸停顯示計數以上的信件，顯示有多少項目將被顯示，若是該信被點擊。其餘選項能夠實現您對基本功能的控制。 

Lava Lamp for jQuery lovers! 

JQuery很酷的滑動式菜單！