如果你是網站前端開發人員,那么對你來說,也許做一個漂亮導航菜單會很得心應手。但今天暴風彬彬要為大家總結各種導航菜單的資源,以便讓大家的網站前端開發的工作更方便更快速,只要選擇現成的例子就可以應用于自己的網站了。暴風彬彬收集的這些資源,從非常簡單的HTML和CSS導航菜單,到非常復雜和高級的JQuery、JavaScript和MooTools技術,這都可以讓你輕松實現褪色、滑動、拖動等效果。如果您覺得這些資源值得一用,那就快把本網頁收藏以備日后查閱吧!
1.Fancy menu - 非常酷的導航菜單:

2. 專為Mac愛好者開發的CSS dock菜單,使用jQuery框架。

下載 dock 菜單
3.37個不同的CSS導航菜單技術:

4.這個導航五年前就有了,但現在看來依然很棒!

5.漂亮的JQuery滑動效果菜單,有四種不同的例子。

6.更新jquery嵌套標簽設置,有演示;

7.垂直JavaScript菜單,含子菜單效果。 查看演示

8.13個精選縱向及橫向CSS菜單

9.各種不同的CSS菜單教程
10.很全的收集CSS縱向菜單的網站:dynamicdrive.com
11.CSSplay.com,一個非常全面的收集各種CSS菜單的網站,而且經常有更新,推薦!

12.有顯示/隱藏效果的菜單 - 有 CSS 和 MooTools兩種;

13.Superfish v1.4.8 – jQuery 菜單插件
14.方便的圖片標簽翻轉菜單;

15.模仿Digg.com風格的CSS縱向菜單

16.JavaScript可折疊菜單,查看演示

17.獨特的使用jQuery和MooTools的導航菜單; 查看演示

18.CSSmenumaker.com - 提供專業的CSS菜單;
19. 非常酷的 JavaScript 菜單 ,摘自 JavaScriptkit.com;
20. 使用CSS創建的多級下拉菜單并用JQuery進行了改善。查看演示

21. jdMenu 多層次菜單插件 , jQuery框架 - 縱向多級下拉菜單列表
22. 難以置信的Apple風格導航菜單:

23.折疊風格JQuery菜單

24. 非常酷的使用CSS和 jQuery制作的動畫導航菜單:

25. jQuery樹插件

26. 35種獨特的JQuery菜單演示
27.Jquery 快速導航 - 點擊 toogle 菜單, 以彈出導航菜單:

28. jQuery id標簽 - 8種不同的很酷的JQuery菜單例子

29. jQuery ContextMenu;輕量級JQuery插件,可以自定義右鍵彈出的菜單

30. jQuery UI tabs - 可以自定義不同效果的標簽菜單,比如:幻燈片效果、淡出效果等…查看演示
31. iconDock jQuery - 有一個模仿 MAC OS X dock效果的菜單;

32.SlidingMenu - 很簡單的滑動菜單效果
33. 標簽導航
11個使用了滑動門技術的菜單,并且兼容IE瀏覽器

下載這些菜單
34.另一種CSS標簽導航菜單

35.9種不同的CSS塊級菜單

直接下載這些菜單
36.12種以上不同的CSS菜單

37. ADxMenu-4種非常酷的導航菜單

下載
38.在CSSmenubuilde你可以自己選擇喜歡的菜單風格,這個網站有一個龐大的菜單列表供你選擇

40. 很多不同的菜單風格


41.CSS菜單,縱向、橫向都有

42.非常棒的導航菜單,其中有一種是非常有人氣的折疊菜單;

下載這個折疊菜單
list-u-like:制作你自己喜歡的CSS列表
CSS Menu Generator:這個CSS菜單生成器可以允許你制作3中不同風格的菜單。
您還可以參考以下前端開發相關教程&資源:
《精選15個國外CSS框架》
《10個非常棒的Ajax及Javascript實例資源網站》
《12種Javascript解決常見瀏覽器兼容問題的方法》
《精選30個優秀的CSS技術和實例》
《15個前端開發/網頁設計師必備的Bookmarklet》
英文原文:300+ Jquery, CSS, MooTools and JS navigation menus
翻譯原文:300+Jquery, CSS, MooTools 和 JS的導航菜單資源
轉載聲明:
請在轉載本文時, 在文章底部加入本站或本文鏈接, 以聲明文章來源, 謝謝合作
本站鏈接:http://blog.bingo929.com
本文鏈接:http://blog.bingo929.com/300-jquery-css-mootools-js-navigation-menus.html