Free Css Menu by Deluxe-Menu.com
Free Css Menu

Menu Screenshots

Free Css Menu Vertical Drop Down Menu Script

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free css menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Dynamic List Free Css Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your free css menu menus easily and in no time
  • Sensible menu parameters for manual editing
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: I need to include background images for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.

Your solution refers to creating absolute paths using
  var pathPrefix_img = "http://domain.com/images/";

I have implemented this solution but I still think the problem persists.


A: Now you set pathPrefix parameter:
  var pathPrefix_img = "http://www.domain/folder/menudir/dataAlumni.files/";

And you have such images paths, for example:
  var arrowImageSub=["dataAlumni.files/submenuIconOff.gif","dataAlumni.files/submenuIconOn.gif"];

So you have such paths for arrows:
http://www.domain/folder/menudir/dataAlumni.files/dataAlumni.files/submenuIconOff.gif

It is not right.

You should write your paths so:
  var arrowImageSub=["submenuIconOff.gif","submenuIconOn.gif"];

Please, correct it.


Q: How can I remove the vertical lines that connect the + signs in my javascript slide out menu. I do want to keep the -+ signs but just not the virticle lines.

A: See the following javascript slide out menu parameters:

// Lines
  var tpoints = 1;
  var tpointsImage = "vpoint.gif";
  var tpointsVImage = "hpoint.gif";
  var tpointsCImage = "cpoint.gif";

If you don't want to use lines you should set:

// Lines
  var tpoints = 0;
  var tpointsImage = "";
  var tpointsVImage = "";
  var tpointsCImage = "";



Q: I want to be able to pull information into dynamic drop down menu from the mysql database.


A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so,
you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2008, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html


Q: Using the example menu you have, how do i make the sub-menu for the 'Sample' menu item a multi-column and leave the 'Product Info' menu item as is.
I only want certain sub-menus to have multi-columns. I don't want all menu items to have a multi-column sub.


A: Please, see the attached example.
You should use individual styles.

  var menuStyles = [
    ["smColumns=2"],
    ["smColumns=1"], //style 1
];

...
   ["More Samples","testlink.htm"],
      ["|Group 1","", , , , , "3", "1", , ], //assign style 1

Try that.