Navigation Effects Using JavaScript

Here are some animated Navigation menu effect Tutorials, Resources and Demos. Using jQuery and Mootool framework Library.


Navigation Effect Using jQuery

Nice verticle Navigation with effects using jQuery with Source files, Tutorial and demo.



Create a Cool Animated Navigation with CSS and jQuery

Tutorial from build a really cool animated navigation menu using just CSS and jQuery.



CSS Sprites2 – It’s JavaScript Time

Very Nice Horizontal Navigation Effects using jQuery JavaScript library.



Fancy Menu with Mootools

Another excellent use of Mootool Library to create awesome effect in Horizontal Navigation


CSS Dock Menu

If you are a big Mac fan, you will love this CSS dock menu, It is using Jquery Javascript library and Fisheye component from Interface.


Create an apple style menu and improve it via jQuery

Tutorial to create an apple style menu with jQuery effecs.


Vertical Flyout JavaScript Menu

This animated JavaScript flyout menu is clean and lightweight at only 1.6kb.

Simple JQuery Accordion menu

This is a simple Accordion menu done in JQuery. Links with subitems under them will expand the submenu when clicked. Items that don’t have subitems are normal links. The menu initialises with the first submenu expanded.

jQuery – Horizontal Accordion

Horizontal Accordion using jQuery This accordion uses custom handle content images and handles are aligned to the left.


Cut & Paste Animated Outline Menu

drop down menu with a sleek “outline” animation added when it drops down, applicable to any anchor link. The menu can be set to appear either via a “click” or “mouseover” of the anchor link.