??? 如果你是網站前端開發人員，那么對你來說，也許做一個漂亮導航菜單會很得心應手。本文要為大家總結各種導航菜單的資源，以便讓大家的網站前端開發的工作更方便更快速，只要選擇現成的例子就可以應用于自己的網站了。本文收集的這些資源，從非常簡單的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中不同風格的菜單。

您還可以參考以下前端開發相關教程&資源:
《Web前端開發必備手冊下載》
《推薦3個網頁設計在線配色網站》
《推薦一個無縫背景花紋資源站-AVA7 PATTERNS》
《精選30個優秀的CSS技術和實例》
《目前比較全的CSS重設(reset)方法總結》

英文原文:300+ Jquery, CSS, MooTools and JS navigation menus
翻譯原文:300+Jquery, CSS, MooTools 和 JS的導航菜單資源

轉載于:https://www.cnblogs.com/hemingwang0902/archive/2010/01/03/1638350.html

總結

以上是生活随笔為你收集整理的300+Jquery, CSS, MooTools 和 JS的导航菜单资源的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。