Vertical Expanding Multi Level Menus by Deluxe-Menu.com
Vertical Expanding Multi Level Menus

Menu Screenshots

Vertical Expanding Multi Level Menus Vertical Menu Html Tutorial

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical expanding multi level menus menus easily and in no time
  • Sensible menu parameters for manual editing
Creating Javascript Drop Down Navigation Menu Vertical Expanding Multi Level Menus
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical expanding multi level menus samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: I have just downloaded your trial version and am trying to use java menu maker using the windows xpstyle1 template. I can only seem to get the top button showing as grey but can change colors of submenus OK. Am I missing something or is this a restriction of the trial system i.e. how do I get the top button showing the same as submenu buttons

A: Trial version of java menu maker has full functionality of the licensed version.

To change submenu colors you should change the following parameters:

  var menuBackColor="#F2F3F2";
  var itemBackColor=["#F2F3F2","#535353"];
and Individual Submenu Style:
  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=0","itemPadding=4px","smOrientation=undefined"],
];

For the top items you should change Individual Item style:
  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#535353"],
];



Q: I'm using the deluxe-tree. On the top of the tree there is a title. When I click on the title of expandable tree the whole menu collapse. How can I disable this option?

I want to keep the collapse option when I click on the collapse button but not when I click on the title. I'm using the Xp style1 and I also want to keep the aspect of this title.

I hope I'm clear to you ... if you need me to be more precise let me know.

A: Try to set the following parameter:

  var texpandItemClick=0;


Q: So, I'm actually developing an application with wordpress, and I would like to intagrate this excellent javascript navigation menu.

This site is Educational, and provides media about TI, for students of the Autonom University of Tamaulipas, in Mexico.

A: Actually we're using Deluxe Menu in our WordPress blogs without anyproblems.

You should edit the php template of your theme.
1. Go to Design -> Theme Editor
Open header.php file
!! Notice that you should CHMOD header.php file to777 setting. Find more info here:
http://www.zachjorgensen.net/za/chmodtutor.html

2. Upload folder with all menu files on your server
3. Add the following code in the <head> tag:
<noscript><p><a href="http://deluxe-menu.com">javascript navigation menu by Deluxe-Menu.com</a></p></noscript><script type="text/javascript">  var dmWorkPath="menu/";</script>
<script type="text/javascript" src="menu/dmenu.js"></script>
where 'menu' is the folder with all menu file on your server.
4. Call data file in the place where you want to have the menu, forexample:
<div style='z-index: 100;position: absolute; right: 0; top: 0; margin: 0; padding: 0;float: left;height: 85px; '>
<script type="text/javascript" src="menu/deluxe-menu-blog.js"></script>
</div>
5. Click 'Update File' button.

That's all.



Q: We purchased the Deluxe Menu a few months ago and are extremely happy with the product. We have been getting great compliments about our new navigation system.

The menu has over 500 links and functions like a dream! One issue I am having, that I just cannot seem to figure out how to fix, is the following:

Our nav menu is displayed approx. 70 pixels from the top of the browser window. On the drop down links that have a number of items (example 1 in the image below), they display underneath the menu, however on the links that have only a few items, they display above the menu bar in java script as in example 2 in the image below.

How can I set it so that no matter how many drop-down items there are, they always display under the menu bar in java script, not on top?

A: Try to set the following parameter:

  var subMenuVAlign="top";