Hostgator coupons for up to 99% off hosting for Dynamic Drive visitors!
Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: Horizontal CSS Menus: Here

jQuery Multi Level CSS Menu #1

Author: Dynamic Drive

This is a multi-level horizontal CSS menu created using a regular nested HTML list only as far as markup, then transformed into a fully functional drop down menu using CSS and a touch of jQuery. A fade effect is enabled by default, and sub menus will automatically readjust themselves horizontally if too close to the window's right edge. This is what happens when CSS and JavaScript decides to work together!


Important: Make sure your page contains a valid doctype for this menu to render properly.

The external files: The menu requires the following support files, which you should upload by default all to the same directory as your page itself:

The CSS/ JavaScript: The below code should be added to the HEAD section of your page:


Code Info

Rate this code:

Date Posted: 09/06/2008

Revision History: None

Usage Terms: Click here

Your Comments (67)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 7 of 7 pages « First  <  5 6 7

How to center it in another div?

I'm trying it for days and nothing...

PLZ help!
Posted by Yosef on 05/03, 03:13 AM
Can i used that in blogger?
Posted by Mahawira on 05/15, 05:49 PM
very nice....but is not the best:)

feet blisters | Genetic diseases | Increase metabolic rate<br>
Posted by pamela on 05/25, 05:20 AM
Very Good
Posted by daolong on 05/29, 03:32 AM
I'm trying it for days and nothing...
Posted by e8e8 on 05/29, 03:33 AM
can u pls tell me if it is possible to start the submenus at one particular position? that is under the first main menu option?
Posted by siya on 06/02, 05:35 AM
Thank you for bringing us this information, I truly did appreciate the good work.
Posted by rap on 06/10, 03:53 AM

Comment Pages 7 of 7 pages « First  <  5 6 7

Commenting is not available in this weblog entry.
Copyright 2006-2015 Dynamic Drive Read our Usage Terms before using any of the CSS codes.