Vertical Collapsible Menu by Deluxe-Menu.com
Vertical Collapsible Menu

Menu Screenshots

Vertical Collapsible Menu Dropdown Menu Frames

Features

Cost Effective
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
Javascript Menu Js Vertical Collapsible Menu
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
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 vertical collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: I am able to create the simple navigation bar but can't seem to get it to work in Yahoo SiteBuilder.

A: Deluxe Menu wasn't developed as Yahoo SiteBuilder/Dreamweaver/Frontpage extension
and wedon't have plug-ins for it.

To install the menu into your html page:

1. create and save .js file with your menu parameters in Deluxe Tuner
(you can use "File/Save as/HTML" function).

You can enter any name you like, for example enter "menu".
So you'llhave menu.html, menu.js files and "menu.files" folder with all menu files.

2. open your .html page in Dreamweaver

3. Copy generated menu.js file and "menu.files/" folder in the same folderwith your index.html page.

4. Open generated menu.html in any text editor and copy several rows of code (<script> tags),
For info see:http://deluxe-menu.com/installation-info.html

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="menu.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="menu.js"></script>
...
</body>

That's all.



Q: Question is where in the data file configuration or within the menu Tuner would I inseart the icons for individual item labels and center them over the text or other alignments like you did in the horizontal menu on the deluxe-menu.com web site?


A: You should write, for example, so:

["<img src='data.files/micon1.gif' width=32 height=32><br> Home","testlink.html", , ,"" , , , , , ],


Q: I am ready to buy, I have downloaded the trial version and really like the way it sets up. Only one problem is the java script for menu making my page load slow. Is there anything I can do to make it faster? I would like to buy this software and finish my project today if you can help please.

A: If your menu is very large you can try to use AJAX technology:

http://www.deluxe-menu.com/ajax-technology-menu-sample.html



Q: Can the Deluxe Menus be set to open by click and stay open when clicked for some time?

A: You can open Deluxe Menu on click. Set this parameter:
  var showByClick = 0;          Show submenus on a mouse click only.
0 - disabled (default),   1 - enabled.

You can use such parameter in you menu:
  var transDuration = 300;         - Delay of a transitional effect (in ms) on submenu's showing.