13款效果超酷的Javascript導航菜單代碼

收集了12款效果超酷的Javascript導航菜單代碼，是來自國外網站的資源，由于時間關系還沒有來的及提供打包下載，不過您可以根據下邊的圖片選擇自己喜歡的菜單，如果遇到不懂的問題，可以在下邊的評論區向網求助，我們一定盡力幫助您的。

1) Sexy Sliding Menu – 基于mootools的Javascript網頁導航菜單，漂亮的滑動門技術，看到下面的圖了沒有，用它來設計你的Sidebar，非常之炫，Sexy，是的。

Demo: Mootols Version
Demo: Script.aculo.usVersion

2) FastFind Menu Script -這個腳本基本動態的ajax技術，可以讓你創建多級嵌套的菜單。

Demo: FastFind Menu

3) Webber 2.0 Dock Menu -一個典型的Dock類型網頁導航菜單。

Demo: Webber 2.0 Dock Menu

4) Phatfusion- Image Menu -這這是一個使用Javascript的圖片導航菜單，它最大的特點是除了懸浮展開圖片鏈接之外，還保持當前選定的菜單鏈接狀態。

Demo: Phatfusion- Image Menu
Demo: Mootools version with XML parser

5) Drag and Drop ordering in a TreePanel -這個好像是從著名的Ext JS提取的，一個樹型導航菜單，靈感當然是來源于Windows的資源管理器，我相信是這樣的。

Demo: Drag and Drop ordering in a TreePanel

6) Custom Menu Events

在同一時間內顯示展示菜單的介紹和其它相關信息，其動態效果甚至達到Flash。不過缺點是需要再次刷新才能進行導航菜單的動態顯示。

Demo: Custom Menu Events | ThinkVitamin.com

7) Context Menu Functionality 一個簡潔輕巧的上下文本導航菜單，利于在用戶瀏覽時達到一個良好的交互作用。

Demo: Context Menu Functionality

這是另一個DemoAnother Context Menu

8 ) LavaLamp jQuery Sliding Menu 一個基于jquery的滑動菜單效果，體積比較小巧。另一個版本是來自Guillermo Rauch基于mootools所構建的。

Demo: LavaLamp jQuery Sliding Menu
Demo: Mootools Fancy Menu

9 ) Slashdot Menu- Dynamic Drive這是一個流行的滑動/折疊導航菜單，是網旗下的設計愛好者從著名網站Slashdot中提取的。其可控制性非常強，比如你可以設置為只準打前主菜單打開，或者全部打開，或同時收縮所有的子菜單等，且可以根據Cookie判斷來顯示菜單。

Demo: Slashdot Menu

10 ) Mootools menu with Accordeon and Effects非常整潔的一個導航菜單，當鼠標懸浮的時候，當前鏈接就會伸展出來并且可以顯示一個手風琴效果的二級菜單。

Demo: Mootools menu with Accordeon and Effects

11 ) CSS Dock Menu這又是來自Nick la的Mac風格的魚眼效果菜單

Demo: CSS Dock Menu

12 ) jQuery Plugin: Sliding Menu- 一個非常簡潔的滑動菜單。

Demo: jQuery Plugin: Sliding Menu

13 ) Accessible expanding and collapsing menu

Demo: Accessible expanding and collapsing menu

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈