Pure Html Collapsible Menu by Deluxe-Menu.com
Pure Html Collapsible Menu

Menu Screenshots

Pure Html Collapsible Menu Menu Script Java

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
Html Tree Example Pure Html Collapsible Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your pure html collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed pure html collapsible menu 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: Is it possible to integrate a search window for my customers in your apycom dhtml menu..


A: You can use any html code within your menu items.

To add input area and a button you should write your menu item in thefollowing way:

 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],

You should also add your own code that search has functioned.


Q: The first is that for some reason my item separator image will not show. I have tried everything.. and no matter what I do the image will not show. I designed a graphic that is 2 pixels high and is the width of the total menu. The first problem is that the graphic wont show at all.. and I do not know why. Secondly, I am now thinking that I would like to use the separator graphic on all levels of the menu.. but this creates a another issue.. as the width of the submenus varies based on the length of the text displayed. How then can I have a separator image work in the submenus?


A: Try to write you Item Styles so:
  var itemStyles = [
["itemBorderWidth=1","itemBorderStyle=solid,solid","itemBorderColor=#D7F5FE,#FFFFFF",
"fontColor=#A0A0A0,#A0A0A0","fontDecoration=none,none"],
["itemBackColor=#6DD0FE,#00ACFC","itemBorderWidth=1","itemBorderStyle=solid,solid",
"itemBorderColor=#6DD0FE,#FFFFFF"],
];

See the normal item border color.

You didn't paste separator into your menuItems.
["-",],


Q: My mainmenu items are not links. So i need no link cursor. My submenu item are links, so i need a pointer(hand).
How can i define 2 different cursors. I tried all the possible settings for the cursor in the program but noting works.
I tried is also with a CSS class for the submenu, but that wasn't also working.
In brief: i want an arrow cursur in my mainmenu, and an hand cursor in my submenu. With smart scroll doesn't solve my problem.
Can you give me a hint to do this.


A: Unfortunately, you can't change cursor type for different items.
But you can write so:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
 ["|What's New","", , , , , "0", , , ],

In all items with links you should use <a> tag.

Set this parameter:
  var itemCursor="default";


Q: I want to be able to have all of the submenus start at the top of the menu. For example, when I hover across each of my menu items in a vertical level, I want the sublevel menu to start at the very top of the menu, not out beside the menu option. How can I achieve this


A: You can have such effect only for the first subitems.
Others subitems will have Y offset.

Please, see the attached example.

You should adjust the following parameters:

  var topDX=-116;
  var topDY=-31;
  var DX=-148;
  var DY=-32;