Here’s a list of 42 jQuery Navigation Techiques, Navigation plugins, and Tutorials built using jQuery:
1. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/43.gif?x86293)
site : visit
live demo : here
2. jQuery Coda Slider
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/210.gif?x86293)
site : visit
live demo : here
3. Designing the Digg Header: How To & Download
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/310.gif?x86293)
site : visit
live demo : here
4. How to Make a Smooth Animated Menu with jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/110.gif?x86293)
site : visit
live demo : here
5. CSS Sprites2
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/51.gif?x86293)
site : visit
live demo : here
6. Create an apple style menu and improve it via jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/61.gif?x86293)
site : visit
live demo : here
7. jQuery Tabbed Navigation
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/71.gif?x86293)
site : visit
live demo : here
8. Color Fading Menu with jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/81.gif?x86293)
site : visit
live demo : here
9. Create a Slick Tabbed Content Area using CSS & jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/91.gif?x86293)
site : visit
live demo : here
10. Using jQuery for Background Image Animations
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/101.gif?x86293)
site : visit
live demo : here
11. How To Create A Keypress Navigation Using jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/112.gif?x86293)
site : visit
live demo : here
12. Animated Drop Down Menu with jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/121.gif?x86293)
site : visit
live demo : here
13. jQuery & CSS Example – Dropdown Menu
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/131.gif?x86293)
site : visit
live demo : here
14. jQuery Random Link Color Animations
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/141.gif?x86293)
site : visit
live demo : here
15. Learning jQuery: Fading Menu – Replacing Content
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/151.gif?x86293)
site : visit
live demo : here
16. (Another) Scrollable Plugin for jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/161.gif?x86293)
site : visit
live demo : here
17. Create a Cool Animated Navigation with CSS and jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/171.gif?x86293)
site : visit
live demo : here
18. Create a multilevel Dropdown menu with CSS and improve it via jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/181.gif?x86293)
site : visit
live demo : here
19. Animated Menus Using jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/191.gif?x86293)
site : visit
live demo : here
20. Build a Tabbed Box with CSS and jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/201.gif?x86293)
site : visit
live demo : here
21. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/211.gif?x86293)
site : visit
live demo : here
22. Sliding Jquery Menu
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/221.gif?x86293)
site : visit
live demo : here
23. Vimeo-like top navigation
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/231.gif?x86293)
site : visit
live demo : here
24. jQuery (mb)Menu 2.7 (New!)
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/241.gif?x86293)
site : visit
live demo : here
25. jQuery Menu: iPod Drilldown
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/251.gif?x86293)
site : visit
live demo : here
26. Superfish
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/261.gif?x86293)
site : visit
live demo : here
27. jqDock
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/271.gif?x86293)
site : visit
live demo : here
28. Treeview
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/281.gif?x86293)
site : visit
live demo : here
29. jQuery Full Width Navigation Plug-in
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/291.gif?x86293)
site : visit
live demo : here
30. FastFind Menu Script
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/301.gif?x86293)
site : visit
live demo : here
31. JQuery Pager
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/311.gif?x86293)
site : visit
live demo : here
32. Pagination
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/321.gif?x86293)
site : visit
live demo : here
33. Animated Navigation with CSS & jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/331.gif?x86293)
site : visit
live demo : here
34. Making accordion menu using jquery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/342.gif?x86293)
site : visit
live demo : here
35. Creating a Floating HTML Menu Using jQuery and CSS
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/351.gif?x86293)
site : visit
live demo : here
36. Sliding-Sliding Doors – Animated jQuery Menu
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/361.gif?x86293)
site : visit
live demo : here
37. jdMenu Hierarchical Menu Plugin for jQuery
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/371.gif?x86293)
site : visit
live demo : here
38. jQuery Context Menu Plugin
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/381.gif?x86293)
site : visit
live demo : here
39. CSS3 Styled jQuery Dropdown
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/391.gif?x86293)
site : visit
live demo : here
40. jQuery menu plugin
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/401.gif?x86293)
site : visit
live demo : here
41. “kwicks” effect
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/411.gif?x86293)
site : visit
live demo : here
42. Navigation Menu with Photoshop
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2009/09/421.gif?x86293)
site : visit
live demo : here
Pingback: Tweets that mention 42 jQuery Navigation based Techniques | Codrops -- Topsy.com
Pingback: ??????? » [Web] ????
Wow!
I am so impressed by the speed jQuery is evolving and together with CSS3 and HTML5 it looks like the future is going to shine bright!
Great post!
I go to your website every once in a while and I must say that I love your template!