Html Div Vertical Menu Collapse by Deluxe-Menu.com
Html Div Vertical Menu Collapse

Menu Screenshots

Html Div Vertical Menu Collapse Javascript Simple Cascading Menu

Features

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 html div vertical menu collapse menus easily and in no time
  • Sensible menu parameters for manual editing
Dhtml Navigation Menu Html Div Vertical Menu Collapse
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html div vertical menu collapse 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.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: I can't find an instance of your java pop menu that can lay over top of a flash object without making the flash object disappear like your demo.

Does yours or doesn't it do the same thing and if so, where is there an example?

A: Deluxe Menu overlaps flash in all browsers.

You can find fix for Firefox here:
http://www.deluxe-menu.com/objects-overlapping-sample.html



Q: Where do I add my "blahblah.htm" page links in js menu?
Copy of menu data below. I assume it is between the first pair " " but not sure about all the , , , , , "0" etc following.

["Home","", , , , , "0", , ],

    ["Contact","blahblah.htm", , , , , "0", , ],

         ["|Hosts","", , , , , , , ],

A: You're right, the following syntax is correct:

["Contact","blahblah.htm", , , , , "0"]

Here is the format for a menu item:

["text", "link", "icon1", "icon2", "tip", "target", "styleIndex"]

Please, try to use Deluxe Tuner application to configure your menu:

http://deluxe-menu.com/deluxe-tuner-info.html



Q: How I make sure, that long menu items in dhtml menu sample can wrap into two lines?

A: You should set the following parameter:

  var noWrap=0;

Or use standard <br> tags inside item's text:

["International Music X Home<br>Decoration X Books","", "", "", "", "", "0", "0", "", "", "", ],

Q: Deluxe menu is working fine but could you provide some steps for using the javascript tab menu?

A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>

</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>