20个优秀的Javascript导航菜单实现技巧及实例

 javascript能实现丰富的导航效果，使用Javascript可以使你的网站更加具有趣味性，能使得用户体验更好以及更加具有视觉性。这里推 荐20个优秀的Javascript导航技术及实例(20 Excellent JavaScript Navigation Techniques and Examples)，了解如何使用Javascript制作交互性强体验好的导航菜单，并深入了解各种导航的实现原理。这20个优秀的导航菜单大部分都是 使用jQuery实现的，效果非常棒。

1，MenuMatic
可实现水平或垂直下滑效果

查看演示页

2，Animated Menu using jQuery
实现鼠标悬停效果，可下载源程序，PSD文件

查看演示页

3，Garagedoor Effect using jQuery
图文切换导航菜单

查看演示页

4. JGlide Menu

查看演示页

5. Vertical Sliding jQuery Menu

查看演示页

6. Perspective Tabs
区域内滚动导航菜单

查看演示页

7. Vertical Digg-like Menu

8. LavaLamp

9. Fisheye Menu

10. Simple JavaScript Accordions

查看演示页

11. Sliding JavaScript Menu Highlight

12. Fading Menu - Replacing Content

查看演示页

13. Simple Multi-level Drop-Down Menu
这个导航效果类似于[jQuery插件SmoothNavigationalMenu导航菜单实现Javascript下拉多级菜单功能]

14. Using jQuery for Background Image Animations

查看演示页

15. Mootools Redux

查看演示页

16. HoverAccordion/Sidebar Menu
这个导航效果类似于[jQuery插件accordion折叠菜单实现Javascript展开收缩菜单功能]

17. UvumiTools Dropdown Menu

18. jQuery UI Tabs
jQuery UI的经典之作。

查看演示页

19. Proto.Menu: Right Click Menu
类似于windows弹出导航菜单效果

20. Accessible Expanding and Collapsing menu

查看演示页