《[组图]20个优秀JavaScript导航菜单(20090513)》由会员分享，可在线阅读，更多相关《[组图]20个优秀JavaScript导航菜单(20090513)（7页珍藏版）》请在金锄头文库上搜索。
1、组图 20 个优秀 JavaScript 导航菜单（20090513）JavaScript 允许你在网页中添加交互和反馈，使得用户体验更棒也更直观。本文将为大家介绍 20 个基于 JavaScript 的导航菜单。要记住如果客户端浏览器关闭了 JavaScript（平均有 5%的用户通过 W3 web statistics 关闭了 JS） ，这些技巧中的几个可能不能正常工作。 在这篇文章中，你将发现一些非常棒的、独特的 JavaScript 导航技巧和实例。点击图片直接跳转到导航菜单演示页面，点击该菜单名称则跳转到其开发项目组网页上。 1. MenuMatic 这个实例包含根据首字母排序或者乱
2、序的链接菜单，并且可以将其转变成动态下拉菜单，可以使垂向的，也可以是横向的。2. 使用 jQuery 的 Animated Menu 这是一个当用户鼠标停留其上会显示动态菜单的技巧。源文件包括 PSD（PSD 是 Adobe Photoshop的文件格式）提供下载。 3. 使用 jQuery 的车库门效果 Gaya Kessler 呈现了一个奇特的 JavaScript 菜单，它利用 jQuery 模拟了真实的车库门的效果。 . JGlide 滑动菜单 一个漂浮在页面上的独特的菜单。用户可以拖动它到任何一个想要的地方。 5. 垂向滑动 jQuery 菜单 HVDesigns 呈现一个下拉菜单，
3、下拉菜单能显示更多链接。 6. 透视效果标签 你可以使用这个技术产生带动画效果的滚动标签条。 7. 垂向仿 Digg 菜单 使用简单的 JavaScript 展示一个类似 Digg 的菜单。 8. 火焰灯 当你把鼠标停留在一个选项上，你将看到使用 jQuery 的 CSS 滑动门效果产生。另一个代替版本Mootols 在这里可访问。 9. 鱼眼菜单 如果你是一个超级 Mac dock 迷，那么你会喜欢这个菜单。 10. 简单 JavaScript 手风琴效果菜单 一个很好的复合手风琴状菜单。 11. 滑动高亮显示 JavaScript 菜单 这个滑动悬停效果脚本用来高亮显示菜单选项是一个很简单
4、的技术 12. 淡入淡出菜单-更改内容 这个技巧允许你淡入淡出菜单项目。 13. 简单多级下拉菜单 一个简单的 JavaScript 下拉菜单。 14. 使用 jQuery 做背景图片的动画效果 一个使用 jQuery 和 CSS 背景位移属性创建动态菜单的技巧 15. Mootools Redux 一个使用 MooTools 实现当你把鼠标放在选项上时链接字体变大的菜单 16. 悬停手风琴/侧边菜单 这是一个可以用来做垂向侧边菜单的手风琴插件。 17. UvumiTools 下拉菜单 另一个基于 MooTools、拥有更多特色的 JavaScript 菜单。 18. jQuery UI 圆角导航标签 使用这款标签实例轻松分开内容。 19. Proto 菜单：右键菜单 一个在 Prototype 框架上编写的用户可自定义右键菜单 20. 可扩展压缩菜单 这个菜单实例允许你拥有两级导航。当你在主列表单击，次级列表会展开 关键词：JavaScript 原文/来源链接
