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.


menu javascript 1 Navigation Effects Using JavaScript


Create a Cool Animated Navigation with CSS and jQuery

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


menu javascript 3 Navigation Effects Using JavaScript


CSS Sprites2 – It’s JavaScript Time

Very Nice Horizontal Navigation Effects using jQuery JavaScript library.


menu javascript 4 Navigation Effects Using JavaScript


Fancy Menu with Mootools

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


menu javascript 5 Navigation Effects Using JavaScript

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.

menu javascript 8 Navigation Effects Using JavaScript


Create an apple style menu and improve it via jQuery

Tutorial to create an apple style menu with jQuery effecs.


menu javascript 7 Navigation Effects Using JavaScript

Vertical Flyout JavaScript Menu

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

menu javascript 9 Navigation Effects Using JavaScript

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.

menu javascript 2 Navigation Effects Using JavaScript

jQuery – Horizontal Accordion

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

menu javascript 6 Navigation Effects Using JavaScript


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.


menu javascript 10 Navigation Effects Using JavaScript