Dhtml Collapse List by Deluxe-Menu.com
Dhtml Collapse List

Menu Screenshots

Dhtml Collapse List Javascript Rollover Dropdown

Features

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
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
Horizontal Simple Menu Dhtml Collapse List
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml collapse list 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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Hello, I have used your menus on a few different websites I have built and have never had a problem like this one. I will be purchasing a license if i can get this to function correctly. For some reason my php javascript menu icons are overlapping or repeating and appearing in a wrong place, but only in IE. In firefox it looks fine....and in safari, just not in IE. here is the temp link to the page. http://www.domain.com/indextest3.htm

Thanks for the help, the support has always been great in the past and i look forward to purchasing a license once this is resolved....

A:   var menuBackRepeat="no-repeat";

Check the following parameter also, you've set it incorrectly:
  var itemPadding="1px 5px 2px 10px1";

You should write, for example:
  var itemPadding="3px";


Q: A few of my users have reported issues with the menu like the one below. Where the drop down menu is just a white box with a little scroll bar in it. Can you please let me know how I might correct it or what is wrong? We are using version 2.4.


A: I've just checked your website. It works fine.

You can have such effect when the page entirely was not loaded yet. So, images were not loaded yet.

If you don't want to have such effect you can try not to use back images for the submenus.


Q: I created a tree menu based on your template Vista Style 7.

I would like to know if there are some possibilities to set the x coordinate of the submenus. I would like to have a tree menu with submenus which are not moving to the right when expanding the main menu but staying under it.

A: You can only try to use the following parameter to change submenuposition:

  var tlevelDX=0;



Q: I have just downloaded your trial version and am trying to use delux tuner using the windows xpstyle template.
I can only seem to get the top button showing as grey but can change colors of submenus in dhtml xml menu.
Am I missing something? ?ow do I get the top button showing the same as submenu buttons.

A: 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"],
];