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

Menu Screenshots

Sliding Doors Vertical Menu Submenu Javascript Drag List

Features

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
Cost Effective
Sliding Frame Dhtml Sliding Doors Vertical Menu Submenu
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: I have one more question. I built the menu using Deluxe Tuner.
I cannot find where to change the mouse over color from blue to something more appropriate in my drop down menu templates. Can you tell me where to do this?


A: You should change the second color in the following parameter:

  var itemBackColor=["#FCEEB0","#65BDDC"];


Q: I using "deluxe menu Tree " : floating menu and I would like to remove the icon on the right, setting TXPExpandBtn.Is this possible?

A: No, you cannot remove expand buttons in   var tXPStyle=1;.
But you can use another images for them. You can change it in Submenu Styles.

You can use   var tXPStyle=0; also.


Q: Is it possible via code customization to remove the border only for the top level of popup navigation
and subsequent menu levels with the border?
If yes, would you provide technical assistance with the required code change?

A: You can use Individual Item Style in that case.
You should create Individual Style, for example:

  var itemStyles = [
["itemBorderStyle=none,none"], // style 0
];

And assign it for top items:

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Features","testlink.html", "deluxe-menu.files/icon2.gif", "deluxe-menu.files/icon2o.gif", "", "", "", "", "", "", "", ],
 ["|Installation","", "deluxe-menu.files/icon2.gif", "deluxe-menu.files/icon2o.gif", "", "", "", "", "", "", "", ],
 ["|Supported Browsers","", "deluxe-menu.files/icon2.gif", "deluxe-menu.files/icon2o.gif", "", "", "", "", "", "", "", ],
   ["||Windows OS","", "deluxe-menu.files/icon3.gif", "deluxe-menu.files/icon3o.gif", "", "", "", "", "", "", "", ],
   ["||Internet Explorer","", "deluxe-menu.files/icon5.gif", "deluxe-menu.files/icon5o.gif", "", "", "", "", "", "", "", ],
   ["||Firefox","", "deluxe-menu.files/icon5.gif", "deluxe-menu.files/icon5o.gif", "", "", "", "", "", "", "", ],
["Samples","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Sample 1","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "", "", "", "", "", ],
 ["|Sample 2 is Disabled","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "_", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "_blank", "0", "", "", "", "", ], // assign style 0
["Contact Us","testlink.htm", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], // assign style 0
];

More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html



Q: I am trying the menu and facing one problem…

The text is too large and doesn't wrap around.. instead it makes the dhtml menu layers wider.

My dhtml menu layers needs to be 175 px only.. if there are to many characters in the link, I like it to wrap around to the next line…

Any options?

A: You should set the following dhtml menu layers parameter:

  var noWrap=0;

You can also use standard <br> tags inside item's text:

["All Card <br>Envelopes","", "", "", "", "", "", "", "", "", "", ],