導航是一個網站最重要的元素之一,您必須遵循統一的風格來設計您的網站,特別是導航的風格,讓使用者可以輕鬆地找到他們想要的內容。這裡最大的部分是開發一 個菜單,即要直觀易用,又要符合你網站的設計風格。本文列舉了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很酷的滑動式菜單!