Navigation menus are the most important element one should pay attention when designing a website. Web-developers can create user-friendly horizontal or vertical navigation menus using CSS. Javascript makes it possible to create more interactive, more responsive and more flexible navigation to any website. Structure wise Animated Menu is simply defined as a regular nested UL on the page, making it very intuitive to set up. You can add as many submenus as you want. It works with nested lists, definition lists, or just nested divs.

Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations.

You can add as many submenus as you want. For users without javascript, it falls back on a CSS menu system.

Animated jQuery Menu has multiple pre-designed color schemes, fantastic animation and transition effects. The menu is based on clear unordered list (LI and UL HTML tags) structure and it is completely customizable styling with CSS. Drop down menu will work in all browsers including IE6 and if javascript is turned off it acts as a pure css menu. It is very easy to setup and update the Animated jQuery Menu.

Extremely light weighted Lavalamp menu packaged as a plugin for the amazing jQuery javascript library.