如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手。本文要为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更
方便更快速,只要选择现成的例子就可以应用于自己的网站了。本文收集的这些资源,从非常简单的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的导航菜单资源
分享到:
相关推荐
NULL 博文链接:https://hanxin0311.iteye.com/blog/682981
jQuery、Mootools、Prototype三大JavaScript框架中文手册
JS+CSS联合打造图文结合的动感菜单,未使用jquery,Mootools等Js框架,核心使用JavaScript实现,用CSS美化布局并控制元素,最终效果如Flash菜单一样,看上去动感十足,适合于黑色风格的主题网站,如果色调不适合你,...
这里演示JavaScript+CSS仿Mootools竖排黑色动画菜单,并非使用了Mootools,但效果却和使用了Mootools差不多,动画效果平滑,操作舒服,给菜单增色不少。 运行效果截图如下: 在线演示地址如下: ...
Ajax+Json 基于Mootools一些常用的小插件实例集
四种时兴的框架jQuery,Mootools,Dojo,ExtJS的对比
本菜单和此前的一款jquery版动画菜单所展现的功能基本相似,不过所用的插件完全不同,本款基于mootools.js,而之前的基于jquery,对这两款插件感兴趣的朋友,倒是可以研究下二者的异同。此前的菜单: jQuery...
Ajax+Json 基于Mootools一些常用的小插件实例集.zip
Prototype、JQuery和Mootools的概要图,JAVA Script开发者手头必备!
软件技术 ExtJS jquery Mootools Dojo 比较
jquery_mootools_date_plugn
mootools.js可以生成较为复杂的、动态的网页交互效果,和jquery一样强大。。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的功能要比Prototype.js多,整体设计 也比Prototype.js...
该文档详细描述了Mootools和JQuery的区别,让你更好的了解Mootools和Jquery
mooRainbow.js.css+mootools完成实现颜色拾取器控件完整套,这是一个打包过的,已经可以完成实现这一功能的了,只要下载下去,就可演示使用,也可随便移植到其他地方使用。
dhtml css css滤镜 mootools 帮助文档
这款菜单基于Mootools CSS JavaScript共同实现,实现多级的网页下拉菜单,黑色风格,向右展开的子菜单形式,菜单你当然可用在你的网页中,不过这里重点是通过这款多级展开的菜单向你展示Mootools插件的用法,对于想...
MooTools1.4中文PDF手册+MooTools-Core-1.5.1.js
mootools版无限级纵向下拉菜单 mootools版无限级纵向下拉菜单 mootools版无限级纵向下拉菜单