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.非常棒的导航菜单,其中有一种是非常有人气的折叠菜单;


本文转自寒意博客园博客,原文链接:http://www.cnblogs.com/hnyei/archive/2011/09/20/2182570.html,如需转载请自行联系原作者

相关文章
|
29天前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
|
3月前
|
JavaScript
鼠标事件(点击换色)分别使用js和jQuery代码实现
鼠标事件(点击换色)分别使用js和jQuery代码实现
43 1
|
7天前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
47 1
|
12天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
24 3
|
23天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
75 6
|
2月前
|
JavaScript 前端开发
jQuery 操作 DOM 及 CSS
本文介绍了如何使用jQuery进行DOM操作和CSS样式的修改,包括如何获取和设置元素的文本内容、属性值、添加和删除元素,以及如何使用jQuery的addClass、removeClass、toggleClass、hasClass和css方法来操作元素的CSS。通过示例代码,展示了jQuery在实际开发中的便捷性。
jQuery 操作 DOM 及 CSS
|
23天前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
30 0
|
2月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
15 2
|
2月前
|
前端开发 JavaScript
jQuery css() 方法
jQuery css() 方法
20 3
|
2月前
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果,包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
46 0
JS配合CSS3实现动画和拖动小星星小Demo