Dhtml Accordion Menu by Deluxe-Menu.com
Dhtml Accordion Menu

Template:

iPhone 7 Template - Collapsible CSS Menu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Transition #14 - "fade out" effect
    - Text aligned to left
    - Search feature - add the search area in the menu and type symbols.
    - Personal CSS styles for separate menu elements
    - Image arrows
    - Submenus go over all page objects
    - Visible over select boxes, iframes, pdf, flash, Java applets.




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Dhtml Accordion Menu Html Creating Drop Down Menu

Buy Now!   ::  Free Trial Download   ::  More Info

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml accordion menu menus easily and in no time
  • Sensible menu parameters for manual editing
Creating Popup Javascript Sample Dhtml Accordion 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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml accordion 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have already tried this exact same method, using and alternate "itemBackColor" and this is not what I needed. As you can see in your example putting in an item back color only give you a different bg color on the item itself, but the BG of the menu around it remains the same. In your example the lighter bg color of my menu is surrounding the item bg color making this look more like a mistake and poor design.

It do use the item bg color for the rollover in my menu, as you can see, but implementing this does not give me what I need. I need the BG color behind this item to be completely flush with the sides of the menu.

I had already checked the menu system thoroughly before contacting you and I was well aware of the option.. but as you can see this is not the solution. It is very important to me that this looks perfect, and what I need is not built into this menu by default.. I need another solution.


A: You should set the following parameter:

  var itemSpacing=0;

You can also try to paste separators between items.


Q: When Mouse hover on Menu, menu Items showing below (showing down) the Menu. Is it possible to show the Menu Item List in up direction (above the Menu)? Please assist me in this issue.

A: See more info here:

http://deluxe-menu.com/ways-showing-submenus-sample.html

You should use the following parameter:

  var smViewType = 1;



Q: I am trying to implement something with your wonderful product and have annoying problem that I am sure You are going to solve.

I am using 2 deluxe-menus on the same page.
The first one for showing some hierarchy of sites, and the second for showing pop-up right-click context menu (that clicked on some menu-item from the first deluxe-menu) .

The problem is that in case the user clicked on some sub-menu from the first css horizontal menu drop down, then all the sub menus disappear. I want them to stay.

I tried to give to the first deluxe-menu *smHideOnClick*=0 , but it doesn't help.

A: Try to set the following parameter:

  var smHidePause=-1;

Q: I'm creating a "Clear" style dhtml menu and for whateverreason it automatically spaces the menu items unevenly.
For the life of me I can't figure out how to set the spacing evenly.

A: Try to set exact width for each top item using Individual Item Styles:

  var itemStyles = [["itemWidth=120px"],];

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", ],
["Item 2","", "", "", "", "", "0", "", "", ],
["Item 3","", "", "", "", "", "0", "", "", ],
["Item 4","", "", "", "", "", "0", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", ],
];



Buy Now!   ::  Free Trial Download   ::  More Info