每一個網頁設計師都希望有一個極富創造性的網頁導航菜單,下面為你準備了13個利用Javascript實現的網頁導航菜單,它們的效果真的是酷斃
了,
我很多時候都忍不住有種沖動,想把這13個效果放在一起,做一個Wordpress主題。只是我除了擔心我對它們的掌控布置能力之外,更擔心什么樣的主機
才能同時良好的運行它們。
哦,你沒我那么傻,選擇一下你最喜歡的,做為你的網頁導航菜單吧。
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風格的魚眼效果菜單,如果你對這種效果感興趣,可以看一下我的另一篇文章:
多個Mac風格的魚眼菜單(Dock Menu)免費下載和教程

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
網絡開發人員可以創建驚人的JavaScript和CSS效果,而AJAX技術使人們有可能創造更多的交互,更多的回應和更靈活的網站導航。如果你
們這些家伙知道什么更加漂亮更加強大更加酷更加牛逼的網頁導航菜單,你可以在這里留言,好讓更多的網頁設計者取之,用之,便之。方便,不是小便。