分享簡單而實用的網頁菜單導航
菜單導航對于一個網站來說非常重要，對于瀏覽者來說，導航設計的好壞將直接影響用戶的體驗。這里，我們為網頁開發者提供了一系列簡單但是實用的導航菜單例子及其源碼，僅供參考和學習。
CSS3相關的導航
這是一款灰色風格的導航，具有水平和垂直的形式，這個導航是由CSS3實現的，所以需要用支持CSS3的瀏覽器來查看。你可以通過自己修改CSS代碼輕松實現漂亮的水平導航和垂直導航。
這是一款純CSS3制作的導航菜單，這個銀白色的菜單在朦朧夜空的襯托下顯得格外亮麗。當鼠標滑過導航時，每個菜單項又會呈現不同的效果，整體上，這款CSS3導航菜單非常簡單而又具有立體感。
3、jQuery+CSS3圖片特效導航菜單jSlickmenu
jSlickmenu是一款基于jQuery和CSS3的導航菜單，該菜單的特點是利用旋轉和帶陰影的圖片作為導航項，當鼠標移到導航時，相應的圖片高亮顯示。這款圖片導航由于利用了CSS3特性，所以外觀非常cool。
這是一款用純CSS3實現的仿Win 7的開始菜單。如果我們分解這個Windows 7開始菜單，我們會得到1個div，2個ul列表，1組鏈接以及一些icon小圖標，我們可以一起來看看具體的效果。
普通JS和CSS導航
這是一款用jQuery實現的仿蘋果的導航菜單，該導航菜單隨著鼠標的滑過呈現出圖標縮放的效果，就像蘋果系統中的Dock Menu一樣。
6、仿豬八戒導航菜單
這是國內最大威客網站豬八戒網在2010年前的網站主導航，該導航主要由CSS和圖片制作完成，導航以藍色為主色，橘黃色Tab為輔色，整體簡潔大方。
這是一款基于jQuery的下拉垂直導航菜單，該垂直導航菜單可以展開和收縮每個菜單項，并在展開和收縮菜單的同時帶有奇妙的彈性效果。由于這個垂直導航菜單是完全基于jQuery的，所以可以兼容所有的瀏覽器。
這是一款仿支付寶的產品推廣導航，支持兩屏切換，非常適合給產品宣傳類網站作導航。因為這個導航是以圖標結合文字的，所以非常直觀并且十分精美，導航最大的目的是讓用戶更好的在站內暢行，這個導航就非常好的滿足了這一點。
向大家介紹一款基于jQuery和CSS的漂亮導航，該jQuery導航共有6種顏色皮膚。鼠標滑過導航時，導航邊緣發出光亮，并有動畫效果。而且該導航還有多級菜單的功能。
ddsmoothmenu是一款基于jQuery的多級菜單導航插件，你可以任意指定多級菜單項。同時，ddsmoothmenu還支持水平菜單和垂直菜單的功能。菜單帶有陰影效果，簡單而漂亮。ddsmoothmenu全稱Smooth Navigational Menu。
11、jQuery右鍵菜單插件jQuery ContextMenu
jQuery ContextMenu是一款功能強大的網頁右鍵菜單插件，該插件將幫你非常方便地創建右鍵菜單。你可以指定右擊的位置，同時菜單中還可以定單選框和多選框的復合控件，定制非常靈活。
jStackmenu是一款基于jQuery的堆棧式動畫菜單，當你用鼠標點擊那個“愛心”按鈕時，jStackmenu菜單就會以堆棧方式彈出或者收攏，并呈現出流暢的動畫特效。
原文鏈接：http://www.cnblogs.com/cnhtml5/archive/2012/06/13/2548664.html
【編輯推薦】
