300+Jquery, CSS, MooTools 和 JS的导航菜单资源

300+Jquery, CSS, MooTools 和 JS的导航菜单资源

  如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手。但今天暴风彬彬要为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以应用于自己的网站了。暴风彬彬收集的这些资源,从非常简单的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》 

留意更新

订阅彬Go以查看前端开发最新资源、教程。

英文原文: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

55 Comments

发表评论

  • real estate slogans for teams
    2014-11-13

    real estate slogans for teams

    300+Jquery, CSS, MooTools 和 JS的导航菜单资源 | 彬Go

  • 15款提高表格操作的jQuery插件 | Long T ' s blog
    2014-02-21

    […] 您还可以参考以下javascript相关资源: 《推荐9款很棒的网页绘制图表JavaScript框架脚本》 《了解jQuery技巧来提高你的代码》 《10种JavaScript特效实例让你的网站更吸引人》 《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》 […]

  • Web设计/开发技巧、脚本及资源总结 | 逾凡学堂
    2013-08-23

    […] 65个优秀的jQuery资源(教程、手册、电子书、demo、插件…) 300+Jquery, CSS, MooTools 和 JS的导航菜单资源(已翻译成中文) 推荐12款可用于前端开发的免费文本编辑器 […]

  • 2008年國外最佳Web設計/開發技巧、腳本及資源總結 | QiHi 前端技术分享
    2013-08-15

    […] 65個優秀的jQuery資源(教程、手冊、電子書、demo、插件…) 300+Jquery, CSS, MooTools 和 JS的導航菜單資源(已翻譯成中文) 推薦12款可用於前端開發的免費文本編輯器 […]

  • 使用基于CSS导航菜单的4个理由 - 开发者问答
    2013-04-26

    […] 300+Jquery, CSS, MooTools 和 JS的导航菜单资源(可参考其中部分CSS菜单) Vandelay Website Design Exploding Boy Dynamic Drive CSS Vault Listamatic CSS Showcase Razvan’s Nerve […]

  • 精选15个国外CSS框架 « 优设花园
    2013-01-25

    […] 《推荐12款可用于前端开发的免费文本编辑器》 《Web前端开发必备手册下载》 《推荐20个让你学习并精通CSS的网站》 《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》 […]

  • 10个非常棒的Ajax及Javascript实例资源网站 | S9Tech
    2012-09-19

    […]  今天,暴风彬彬要向大家推荐10个相当棒的Ajax和Javascript国外资源网站或博客,它们提供了相当多的高质量Ajax、Javascript实例及教程,喜欢Ajax和Javascript的朋友绝对不能错过。彬Go曾经还介绍过300多个Javascript导航菜单,有兴趣的话,也可以看一看。 […]

  • ANGO
    2012-04-08

    经典,全部收藏了

  • Gucci
    2011-09-05

    貌似看这篇文章有点消化不良,我的技术知识还是需要补补啊

  • 国外最佳Web前端资源 | 百锐网
    2011-04-27

    […] 300+Jquery, CSS, MooTools 和 JS的导航菜单资源 […]