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

Template:

Rounded Nav Bar Template - Drop Down Navigation Menu






    - Image arrows
    - Items with icons
    - Personal CSS styles for separate menu elements
    - 85% transparency for sub menus
    - Transition #14 - "fade out" effect
    - Hundreds of pre-designed templates
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Text aligned to left




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 Expanding Navigation Menu Example

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

Features

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
Cascading Menu Html Vertical Collapsible Menu
Cost Effective
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 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.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Our default directory for the files is menudir
How do we get the software to recognize this default directory when generating the script and support files. The default needs to be added for the icon files etc.


A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: We were wondering is there any api for the css menu tabs available?
We would need to programatically open a particular tab.

A: No, unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">
Click to open the third tab<
/DIV>


Q: I have built a menu with deluxe menu and I have put everything in the same map but the page doesn't display the drop down menu it says there is an error. Could you look what I do wrong?

A: It is not correctly to write local paths on your website. They won'twork:

<script type="text/javascript" src="file:///C:/Test%20website%202008/x5/data.js"></script></td>

You should upload your data.js file in the same folder with yourdmenu.js file and write:

<script type="text/javascript" src="data.files/data.js"></script></td>



Q: I wanted to ask a question about your software, we just purchased the multi license for Deluxe flash dropdown menu. We were trying in many ways to control the width between the words

We were trying to control the width between Europe, North America, Latin America, Asia, Oceania, Africa

We wanted to set the width as 16% to make them all equal with a 100% width flash dropdown menu but it did not work out for us. We tried to do it with creating an Individual style in the Item Style for all the top links. Can you please advise how are we supposed to achieve that?

A: Unfortunately it is not possible to set now:

  var menuWidth="100%";
  var itemStyles = [
["itemWidth=16%"],
];

To set the exact width for all flash dropdown menu items you should set width in 'px'.

  var menuWidth="798px";
  var itemStyles = [
["itemWidth=133px"],
];



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