[JavaScript] 20 excellent JavaScript navigation technologies

: Http://coolshell.cn /? P = 918
[Original address]: 20 excellent JavaScript navigation techniques and Examples

Because javascript can process interaction with users, using JavaScript provides a better user experience. In this articleArticleYou can see someHorrible and unique navigation bar made by JavaScript.

1. menumatic

This example shows a vertical or horizontal drop-down menu navigation bar.

Demo page

 

2. Animation button menu created by jquery

When the mouse passes, the button will feel down.

Demo page

3. jquery shutter door special effect navigation bar

Gaya Kessler designed such a shutter door navigation bar, which is quite cool.

Demo page

4. jglide menu

A unique flat menu, the entire menu can be dragged at will.

Demo page

5. jquery Vertical Slide menu

Hvdesigns design this drop-down slide menu.

Demo page

6. Perspective tabs

This technology is cool, a little like the iPhone. you can scroll the navigation bar with the mouse.

Demo page

7. digg.com drop-down menu

This digg.com drop-down menu only uses very small JavascriptCode.

8. lavalamp

When the mouse is over, a small shadow tail is on the menu. Previously, such technology was basically completed through flash.

9. Fish Eye menu

When the mouse goes by, the icon becomes larger. This technology is quite good.

10. Simple JavaScript folding menu

A very good folding menu.

Demo page

11. Highlighted slide menu

This special effect is similar to 8th.

12. Highlighted menu

When the mouse goes over, the menu item is highlighted. When there is no mouse, it is dimmed.

Demo page

13. Simple multi-level drop-down menu

This is a tutorial to teach you how to make this menu.

14. Background Image animation menu created by jquery

Demo page

15. mootools Redux

A fish-eye navigation bar created using mootools.

Demo page

16. Folding sidebar menu

17. uvumitools drop-down menu

Another drop-down menu based on mootools.

18. jquery UI tabs

The tab page created using jquery.

Demo page

19. Right-click Proto. Menu

Right-click the menu created using the prototype framework.

20. Expand/collapse menu

A menu that supports two layers is similar to a tree.

Demo page