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

Template:

iPhone 20 Template - Mouseover CSS Menu






    - Cross-frame support - menus work on frameset-based pages
    - Unlimited number of sub levels
    - Image arrows
    - Submenus dropdown on mouseover
    - Several menus on one page
    - Personal CSS styles for separate menu elements
    - Horizontal or vertical orientation
    - UL/LI items structure




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

Menu Screenshots

Vertical Collapsible Menu Javascript 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
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
How To Make Javascript Menus Netscape Vertical Collapsible Menu
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
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 vertical 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Ever since I installed the menu on our website the homepage loadsslowly.
The menu loads, but then the rest of the page takes about 20 seconds toload. Have you seen this problem before.
It does not happen every time and noton every machine.


A: We've tested your website on the many machines and it loads very quickly, I cannot notice any delays.

Please, try to move the reference to dmenu.js after tag:

<body onload="...">
...

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "";</script>
<script type="text/javascript" src="dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
</span>

Q: I make an example of html menu, but when i use it with frameset then the menu not show completly.

Is this possible, perhaps by using a javascript call?


A: To initialize the cross frame menu you should call dm_initFrame() function
instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.

You will find additioanal info about cross frame menu here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Q: Now, one more little question -

in a Tree menu, I know how to make a menu expand by default and expand only on a mouse click.

However, I believe there is a way to make a menu item expand on a "mouse over" without a click.

How can this be done?


A: No, unfortunately it is not possible to expand the tree menu onmouseover now. It is possible that we'll add this feature in the nextversion.


Q: I am developing a site where the customer does not want any transition effects within the IE browser.
I want to emulate the above mentioned browsers with the same transition.
When mousing over javascript flyout menu - the submenu should appear with no effect.

A: To turn off transitional effects you should set the following parameters:

  var transition=-1;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;


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