JavaScript允许您添加交互性和反馈，使用户体验更好、更直观。最近我们向你展示了一些卓越的CSS导航技术接下来我们会写一篇关于你可以使用的基于javascript的导航示例的文章。请记住，如果客户端浏览器关闭了JavaScript，其中一些技术可能无法工作(平均5%的用户禁用了JS)W3 web统计）.
在本文中，您将发现一些问题出色而独特的javascript导航技术和示例．提示:点击每个图像将直接带你到导航菜单技术的演示页面，如果它是在单独的页面．他们的名字会把你带到他们的项目网页。
1.MenuMatic
本例采用语义有序或无序的链接列表，并将其转换为可以垂直或水平定向的动态下拉菜单系统。
查看Demo页面
2.jQuery动画菜单
当用户将鼠标悬停在菜单项上时，使其动画化的一种技术。源文件(包括PSD文件)可以下载。
查看Demo页面
3.使用jQuery的车库门效果
Gaya Kessler展示了一个神奇的JavaScript菜单，它模仿了使用jQuery的真实车库门。
查看Demo页面
4.JGlide菜单
一个非常独特的菜单，浮动在页面上。用户可以把它拖到自己想要的位置。
查看Demo页面
5.jQuery垂直滑动菜单
HVDesigns显示下拉菜单并显示更多链接。
查看Demo页面
6.角度看标签
您可以使用此技术创建带有动画的滚动选项卡。
查看Demo页面
7.垂直挖掘式菜单
Antonio Lupetti提供了一个使用简单JavaScript的类似digg的菜单。
8.LavaLamp
当您悬停一个项目时，您将看到CSS推拉门使用jQuery创建的技术。mootools的替代版本可以在这里。
9.鱼眼菜单
如果你是Mac dock的忠实粉丝，你会喜欢这个菜单。
10.简单的JavaScript手风琴
将手风琴风格的菜单集成到站点的一个很棒的技术。
查看Demo页面
11.滑动JavaScript菜单突出显示
这个滑动悬停效果脚本是突出显示菜单项的简单技术。
12.淡出菜单-替换内容
此技术允许您淡入和淡出菜单项。
查看Demo页面
13.简单多级下拉菜单
一个简单的JavaScript下拉菜单教程。
14.使用jQuery制作背景图像动画
一个使用jQuery和CSS背景位置属性创建动画菜单的技术。
查看Demo页面
15.Mootools回来的
一个使用MooTools的菜单，当你把鼠标放在项目上时，它会扩大链接的字体大小。
查看Demo页面
16.HoverAccordion /侧边栏菜单
这是一个手风琴插件，也可以用作垂直侧边栏菜单。
17.UvumiTools下拉菜单
另一个基于MooTools的JavaScript菜单，有很多功能。
18.jQuery UI标签
使用这个选项卡示例轻松分离内容。
19.原型。菜单: Right Click Menu
一个可自定义的右键菜单，写在Prototype框架的顶部。
20.可访问的扩展和折叠菜单
这个菜单示例允许您拥有两个级别的导航。单击主类别时，子类别展开。
查看Demo页面
你在用什么?
我们想知道你是否有这些技巧和例子的经验。
有一个实时网页?请在评论中与我们分享。
相关内容
作者简介
如果你想和他联系，你可以跟着他推特或者在他的个人网站．
