DesignM.ag

Navigation is an important part of web design from a usability perspective. However, links and navigation menus also provide opportunities to improve the visual appearance of the site, or to add some interesting effects. If you’re looking to create a navigation menu that stands out from the crowd, jQuery provides plenty of options. In this post we’ll feature 25 tutorials that will show you how to jQuery and CSS to create some interesting effects.

jQuery Navigation Tutorials:

How to Make a Smooth Animated Menu with jQuery

Designing the Digg Header: How to and Download

CSS Sprites 2: It’s JavaScript Time

Create an Apple Style Menu and Improve it via jQuery

jQuery Tabbed Navigation

Color Fading Menu with jQuery

Create a Slick Tabbed Content Area Using CSS and jQuery

Using jQuery for Background Image Animations

How to Create a Keypress Navigation Using jQuery

Animated Dropdown Menu with jQuery

jQuery and CSS Example – Dropdown Menu

jQuery Random Link Color Animations

Learning jQuery: Fading Menu – Replacing Content

Fading Links Using jQuery: dwFadingLinks

(Another) Scrollable Plugin for jQuery

LavaLamp for jQuery Lovers

Create a Cool Animated Navigation with CSS and jQuery

How to Create a ‘MooTools Homepage’ Inspired Navigation Effect Using jQuery

Create a Multilevel Dropdown Menu with CSS and Improve it via jQuery

Coda Slider Effect

Multi-Level Drop Down Menu with jQuery

Animated Menus Using jQuery

Build a Tabbed Box with CSS and jQuery

Create a Floating HTML Menu Using jQuery and CSS

jQuery Link Nudging

For more tutorials, see:

• 40+ Tutorials for Working with Wacom Tablets
• Top 10 Tutorials for Converting PSDs to HTML/CSS
• 10 Quick Tips for Photoshop Users