Sliding Door Javascript Menu by Deluxe-Menu.com
Sliding Door Javascript Menu

Menu Screenshots

Sliding Door Javascript Menu Javascript Web Menu Tool

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed sliding door javascript menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Position Buttons In Html Sliding Door Javascript Menu
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: We are in the stage of design, we have a requirement to have the items
fly out from right to left in the dhtml menue.

A: The following parameter controls the ways of showing submenus:

From left to right:

  var subMenuAlign="left";
  var subMenuVAlign="top";

From left to right + upwards:

  var subMenuAlign="left";
  var subMenuVAlign="bottom";

From right to left:

  var subMenuAlign="right";
  var subMenuVAlign="top";

From right to left + upwards:

  var subMenuAlign="right";
  var subMenuVAlign="bottom";

You can find this info here:
http://deluxe-menu.com/ways-showing-submenus-sample.html



Q: I have tried to use the Deluxe tuner menu in one of the websites I am trying to create however, the menu gives an error. I have created the menu multiple times but everytime it comes up with the same error. I have attached the entire web page file with this mail. Can you please go through this and help me fix the errors.


A: Now you have  var itemBorderWidth="";  var menuBorderWidth="";

It is not correct. You should set values for these parameters.

  var menuBorderWidth="0";  var itemBorderWidth="0";


Q: I created a tree menu based on your template Vista Style 7.

I would like to know if there are some possibilities to set the x coordinate of the submenus. I would like to have a tree menu with submenus which are not moving to the right when expanding the main menu but staying under it.

A: You can only try to use the following parameter to change submenuposition:

  var tlevelDX=0;



Q: We do need the menuitem separation bars as most of the menuitems are quit lengthy, and there needs to be a separation bar to distinguish between them.

A: If you want to add separators between items you can paste a separatorbetween items or you can set item's border width in the following way:

  var itemBorderWidth="0 0 1 0";
But you cannot enter this value in Deluxe Tuner you should set thisparameter manually.
You can also create style for the last item with border width = 0:

  var itemStyles = [
["itemBorderWidth=0"],
];

To add separators, please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="1";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];