How to Build and Enhance a 3-Level Navigation Menu
videos

How to Build and Enhance a 3-Level Navigation Menu

on Mar 1st 2010 with 131 comments
Tutorial Details
  • Difficulty: Intermediate
  • Estimated Completion Time: 60 Minutes
  • Technologies: HTML, CSS3, jQuery
Download Source Files
Demo View It Online

Perhaps more than any other topic, I’m most often contacted about how to build cross-browser navigation menus. Understandably, the reason is because every web designer has built one at some point, if not during every project! Nonetheless, it can absolutely be a tricky task. In this video tutorial, I’ll teach you how to build an attractive cross-browser navigation menu; notable features include CSS3 gradients, multiple sub-menus, and jQuery animations.

Other Viewing Options

Write a Plus Tutorial

Did you know that you can earn up to $600 for writing a PLUS tutorial and/or screencast for us? We’re looking for in depth and well-written tutorials on HTML, CSS, PHP, and JavaScript. If you’re of the ability, please contact Jeffrey at nettuts@tutsplus.com.

Please note that actual compensation will be dependent upon the quality of the final tutorial and screencast.

Write a PLUS tutorial

Tags: CSSVideos
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm the editor of Nettuts+, and love making the process of building for the web as easy as possible. Also, I'm finishing up my latest book on Laravel Testing! If you want be friends, say hi on Twitter.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
← Older Comments
  • SnakeOilShane

    Thanks so much! I really enjoy your Tutorials and they’re helping me immensely.
    In regards to this tutorial, I was wondering if there might be a way to keep the colour highlighted for each generation as you scroll through options. Keeping the hover effects from grandchild up to parent was something I wanted to try but I’m just not sure how I would go about it.
    Thanks again.

  • Umashankar

    Nice …. Really this is very helpful for me

← Older Comments