每一個(gè)網(wǎng)頁設(shè)計(jì)師都希望有一個(gè)極富創(chuàng)造性的網(wǎng)頁導(dǎo)航菜單，下面為你準(zhǔn)備了13個(gè)利用Javascript實(shí)現(xiàn)的網(wǎng)頁導(dǎo)航菜單，它們的效果真的是酷斃
了，
我很多時(shí)候都忍不住有種沖動(dòng)，想把這13個(gè)效果放在一起，做一個(gè)Wordpress主題。只是我除了擔(dān)心我對(duì)它們的掌控布置能力之外，更擔(dān)心什么樣的主機(jī)
才能同時(shí)良好的運(yùn)行它們。
哦，你沒我那么傻，選擇一下你最喜歡的，做為你的網(wǎng)頁導(dǎo)航菜單吧。
1) Sexy Sliding Menu - 基于mootools的Javascript網(wǎng)頁導(dǎo)航菜單，漂亮的滑動(dòng)門技術(shù)，看到下面的圖了沒有，用它來設(shè)計(jì)你的Sidebar，非常之炫，Sexy，是的。
Demo: Mootols Version
Demo: Script.aculo.usVersion
2) FastFind Menu Script -這個(gè)腳本基本動(dòng)態(tài)的Ajax技術(shù)，可以讓你創(chuàng)建多級(jí)嵌套的菜單。
Demo: FastFind Menu
3) Webber 2.0 Dock Menu -一個(gè)典型的Dock類型網(wǎng)頁導(dǎo)航菜單。
Demo: Webber 2.0 Dock Menu
4) Phatfusion- Image Menu -這這是一個(gè)使用Javascript的圖片導(dǎo)航菜單，它最大的特點(diǎn)是除了懸浮展開圖片鏈接之外，還保持當(dāng)前選定的菜單鏈接狀態(tài)。
Demo: Phatfusion- Image Menu
Demo: Mootools version with XML parser
5) Drag and Drop ordering in a TreePanel -這個(gè)好像是從著名的Ext JS提取的，一個(gè)樹型導(dǎo)航菜單，靈感當(dāng)然是來源于Windows的資源管理器，我相信是這樣的。
Demo: Drag and Drop ordering in a TreePanel
6) Custom Menu Events
在同一時(shí)間內(nèi)顯示展示菜單的介紹和其它相關(guān)信息，其動(dòng)態(tài)效果甚至達(dá)到Flash。不過缺點(diǎn)是需要再次刷新才能進(jìn)行導(dǎo)航菜單的動(dòng)態(tài)顯示。
Demo: Custom Menu Events | ThinkVitamin.com
7) Context Menu Functionality 一個(gè)簡潔輕巧的上下文本導(dǎo)航菜單，利于在用戶瀏覽時(shí)達(dá)到一個(gè)良好的交互作用。
Demo: Context Menu Functionality
這是另一個(gè)DemoAnother Context Menu
8 ) LavaLamp jQuery Sliding Menu 一個(gè)基于jquery的滑動(dòng)菜單效果，體積比較小巧。另一個(gè)版本是來自Guillermo Rauch基于mootools所構(gòu)建的。
Demo: LavaLamp jQuery Sliding Menu
Demo: Mootools Fancy Menu
9 ) Slashdot Menu- Dynamic Drive這是一個(gè)流行的滑動(dòng)/折疊導(dǎo)航菜單，是設(shè)計(jì)愛好者從著名網(wǎng)站Slashdot中提取的。其可控制性非常強(qiáng)，比如你可以設(shè)置為只準(zhǔn)打前主菜單打開，或者全部打開，或同時(shí)收縮所有的子菜單等，且可以根據(jù)Cookie判斷來顯示菜單。
Demo: Slashdot Menu
10 ) Mootools menu with Accordeon and Effects非常整潔的一個(gè)導(dǎo)航菜單，當(dāng)鼠標(biāo)懸浮的時(shí)候，當(dāng)前鏈接就會(huì)伸展出來并且可以顯示一個(gè)手風(fēng)琴效果的二級(jí)菜單。
Demo: Mootools menu with Accordeon and Effects
11 ) CSS Dock Menu這又是來自Nick la的Mac風(fēng)格的魚眼效果菜單，如果你對(duì)這種效果感興趣，可以看一下我的另一篇文章:
多個(gè)Mac風(fēng)格的魚眼菜單(Dock Menu)免費(fèi)下載和教程
Demo: CSS Dock Menu
12 ) jQuery Plugin: Sliding Menu- 一個(gè)非常簡潔的滑動(dòng)菜單。
Demo: jQuery Plugin: Sliding Menu
13 ) Accessible expanding and collapsing menu
Demo: Accessible expanding and collapsing menu
網(wǎng)絡(luò)開發(fā)人員可以創(chuàng)建驚人的JavaScript和CSS效果，而AJAX技術(shù)使人們有可能創(chuàng)造更多的交互，更多的回應(yīng)和更靈活的網(wǎng)站導(dǎo)航。如果你
們這些家伙知道什么更加漂亮更加強(qiáng)大更加酷更加牛逼的網(wǎng)頁導(dǎo)航菜單，你可以在這里留言，好讓更多的網(wǎng)頁設(shè)計(jì)者取之，用之，便之。方便，不是小便。