??? 如果你是網(wǎng)站前端開(kāi)發(fā)人員，那么對(duì)你來(lái)說(shuō)，也許做一個(gè)漂亮導(dǎo)航菜單會(huì)很得心應(yīng)手。本文要為大家總結(jié)各種導(dǎo)航菜單的資源，以便讓大家的網(wǎng)站前端開(kāi)發(fā)的工作更方便更快速，只要選擇現(xiàn)成的例子就可以應(yīng)用于自己的網(wǎng)站了。本文收集的這些資源，從非常簡(jiǎn)單的HTML和CSS導(dǎo)航菜單，到非常復(fù)雜和高級(jí)的JQuery、JavaScript和MooTools技術(shù)，這都可以讓你輕松實(shí)現(xiàn)褪色、滑動(dòng)、拖動(dòng)等效果。如果您覺(jué)得這些資源值得一用，那就快把本網(wǎng)頁(yè)收藏以備日后查閱吧！

1.Fancy menu - 非常酷的導(dǎo)航菜單:

2. 專(zhuān)為Mac愛(ài)好者開(kāi)發(fā)的CSS dock菜單，使用jQuery框架。

下載 dock 菜單

3.37個(gè)不同的CSS導(dǎo)航菜單技術(shù)：

4.這個(gè)導(dǎo)航五年前就有了，但現(xiàn)在看來(lái)依然很棒！

5.漂亮的JQuery滑動(dòng)效果菜單，有四種不同的例子。

6.更新jquery嵌套標(biāo)簽設(shè)置,有演示;

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

8.13個(gè)精選縱向及橫向CSS菜單

9.各種不同的CSS菜單教程

10.很全的收集CSS縱向菜單的網(wǎng)站：dynamicdrive.com

11.CSSplay.com，一個(gè)非常全面的收集各種CSS菜單的網(wǎng)站，而且經(jīng)常有更新，推薦！

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

13.Superfish v1.4.8 – jQuery 菜單插件

14.方便的圖片標(biāo)簽翻轉(zhuǎn)菜單;

15.模仿Digg.com風(fēng)格的CSS縱向菜單

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

17.獨(dú)特的使用jQuery和MooTools的導(dǎo)航菜單;?? 查看演示

18.CSSmenumaker.com - 提供專(zhuān)業(yè)的CSS菜單;

19. 非常酷的 JavaScript 菜單 ，摘自 JavaScriptkit.com;

20. 使用CSS創(chuàng)建的多級(jí)下拉菜單并用JQuery進(jìn)行了改善。查看演示

21. jdMenu 多層次菜單插件 ， jQuery框架 - 縱向多級(jí)下拉菜單列表

22. 難以置信的Apple風(fēng)格導(dǎo)航菜單:

23.折疊風(fēng)格JQuery菜單

24. 非常酷的使用CSS和 jQuery制作的動(dòng)畫(huà)導(dǎo)航菜單:

25. jQuery樹(shù)插件

26. 35種獨(dú)特的JQuery菜單演示

27.Jquery 快速導(dǎo)航 - 點(diǎn)擊 toogle 菜單, 以彈出導(dǎo)航菜單:

28. jQuery id標(biāo)簽 - 8種不同的很酷的JQuery菜單例子

29. jQuery ContextMenu；輕量級(jí)JQuery插件，可以自定義右鍵彈出的菜單

30. jQuery UI tabs - 可以自定義不同效果的標(biāo)簽菜單，比如：幻燈片效果、淡出效果等…查看演示

31. iconDock jQuery - 有一個(gè)模仿 MAC OS X dock效果的菜單;

32.SlidingMenu - 很簡(jiǎn)單的滑動(dòng)菜單效果

33. 標(biāo)簽導(dǎo)航

11個(gè)使用了滑動(dòng)門(mén)技術(shù)的菜單，并且兼容IE瀏覽器

下載這些菜單

34.另一種CSS標(biāo)簽導(dǎo)航菜單

35.9種不同的CSS塊級(jí)菜單

直接下載這些菜單

36.12種以上不同的CSS菜單

37. ADxMenu-4種非常酷的導(dǎo)航菜單

下載

38.在CSSmenubuilde你可以自己選擇喜歡的菜單風(fēng)格，這個(gè)網(wǎng)站有一個(gè)龐大的菜單列表供你選擇

40. 很多不同的菜單風(fēng)格

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

42.非常棒的導(dǎo)航菜單，其中有一種是非常有人氣的折疊菜單；

下載這個(gè)折疊菜單

list-u-like:制作你自己喜歡的CSS列表

CSS Menu Generator:這個(gè)CSS菜單生成器可以允許你制作3中不同風(fēng)格的菜單。

您還可以參考以下前端開(kāi)發(fā)相關(guān)教程&資源:
《Web前端開(kāi)發(fā)必備手冊(cè)下載》
《推薦3個(gè)網(wǎng)頁(yè)設(shè)計(jì)在線配色網(wǎng)站》
《推薦一個(gè)無(wú)縫背景花紋資源站-AVA7 PATTERNS》
《精選30個(gè)優(yōu)秀的CSS技術(shù)和實(shí)例》
《目前比較全的CSS重設(shè)(reset)方法總結(jié)》

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

轉(zhuǎn)載于:https://www.cnblogs.com/hemingwang0902/archive/2010/01/03/1638350.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。