20个超赞令人恐怖的javascript导航技术

2010年11月25日
 因为javascript可以处理和用户的交互，所以使用javascript会有更好的用户体验。在这篇文章里，你可以看到一些令人恐怖和独一无二的javascript制作的导航条。(相关阅读：完美html导航条最佳实践)

 　　1. menumatic

 　　这个示例主要是展示了一个排序的纵向或横向的下拉式菜单导航条。

 　　演示地址：

 　　2. jquery制作的动画按钮菜单

 　　当鼠标经过的时候，按钮会有下压的感觉。

 　　演示地址：http://www.shopdev.co.uk/blog/animated-menus-using-jquery/

 　　3. jquery卷帘门特效导航条

 　　gaya kessler 设计了这样一种卷帘门式导航条，相当的酷。

 演示地址：

 　　4. jglide菜单

 　　一个独特的平面式菜单，整个菜单可以被随意拖动。

 　　演示地址：http://sonicradish.com/labs/jglidemenu/current/?src=asl_lab

 　　5. jquery纵向滑动式菜单

 　　hvdesigns设计这个下拉式滑动式菜单。

 　　演示地址：　

 　　6. perspective tabs

 　　这个技术很酷了，有点类似于iphone，通过鼠标可以滚动导航条。

 　　演示地址：

 　　7. digg.com式的下拉菜单

 　　这个digg.com式的下拉菜单只使用了非常小的javascript代码。

 　　演示地址：http://woork.blogspot.com/2008/01/simple-css-vertical-menu-digg-like.html

 　　8. lavalamp

 　　当鼠标经过的时候，菜单项上会有一个小阴影尾随着。以前，这样的技术基本上通过flash完成的。

 　　演示地址：http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

 　　9. 鱼眼菜单

 　　鼠标经过的时候，图标会变得大起来。这个技术相当不错。

 　　演示地址：

 　　10. 简单的javascript折叠式菜单

 　　相当不错的一相折叠式菜单。 

 　　演示地址：　　

 　　11. 高亮滑动式菜单

 　　这个特效和第8个很类似。

 　　演示地址：

 　　12. 高亮式菜单

 　　鼠标经过的时候，菜单项会高亮起来。而没有鼠标的经过的时候，其是暗淡的。
   　演示地址：

 　　13. 简单的多级下拉菜单

 　　这是一个教程，教你怎么做这个菜单。

 　　演示地址：

 　　14. jquery制作的背景图动画菜单

 　　演示地址：http://snook.ca/archives/javascript/jquery-bg-image-animations/　　

 　　15. mootools redux

 　　使用mootools制作的一个“鱼眼”式的导航条。
 　　演示地址：http://www.chromasynthetic.com/blog/

 　　16. 折叠式边栏菜单

 　　演示地址：

 　　17. uvumitools 式的下拉菜单

 　　另一个基于mootools制作的下拉菜单。

 　　演示地址：

 　　18. jquery ui tabs

 　　使用jquery制作的tab页.

 　演示地址：

 　　19. 右键菜单proto.menu

 　　使用prototype 框架制作的右键菜单。

 　　演示地址：

 　　20. 展开/收起式菜单

 　　一个支持两层的有点类似于树形的菜单。

 　　演示地址：