Sliding Doors Vertical Menu Submenu by Deluxe-Menu.com
Sliding Doors Vertical Menu Submenu

Template:






    - Search feature - add the search area in the menu and type symbols.
    - Filters and Transitional effects
    - 85% transparency for sub menus
    - Personal CSS styles for separate menu elements
    - Inactive/Disabled items
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Horizontal or vertical orientation
    - Status string shows item labels




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

Menu Screenshots

Sliding Doors Vertical Menu Submenu Dhtml Expandable

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your sliding doors vertical menu submenu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed sliding doors vertical menu submenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Menu Frames Sliding Doors Vertical Menu Submenu
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
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: Ok I found the problem. When I make   var floatable=0; dhtml flyout menu stays perfectly on the top as before but when I change it to   var floatable=1; then it stays on top when the page loads but moves down when the page fully loads.


A: There are additional parameters for floatable feature in v3.2 now.
You can find them in Deluxe Tuner.

Try to write:
  var floatableDX=0;
  var floatableDY=0;

These parameters set minimal space for widow border.


Q: How can I setup Font Size, color for individual level, button? How?


A: You should use Individual Item Styles.

  var itemStyles = [
["itemBackColor=#B6E025,#769315","fontStyle=bold 10px Bookman Old Style"], //style 0
];

menuItems = [
...
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
...
];


Q: I just noticed as well that I cannot change the spacing of the buttons.
Right now the buttons are tight together, how do I create a gap between each button in the link drop down menu?

A: You can paste the separator.
You should add separators between your items, use "Add separator" button on the mainwidow of Deluxe Tuner.

  var menuItems = [

["FHSA","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Chapters","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["AZ Resources","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Double Butte Cemetery","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Surname List","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Helping Hands","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Book Fund Purchases","", "", "", "", "", "", "", "", "", "", ],
];

  var separatorVImage="separv1.gif";
  var separatorVWidth="1px";
  var separatorVHeight="21px";


Q: I appreciated your prompt response.  However, if I set the exact height for easy tabs content, certain tab's content will not show up fully.  We need to have every tab has different height in this site.  Do you know why IE 7 doesn't behavior properly but IE 6 does?  Can you provide a work around for me ASAP?

A: In that case you should delete height parameter at all from yourstyles.

<div id="content1" style="visibility: hidden;" class="tabPage">

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