Javascript Vertical Slide Flyout Menu by Deluxe-Menu.com
Javascript Vertical Slide Flyout Menu

Menu Screenshots

Javascript Vertical Slide Flyout Menu Javascript Menu Vertical Expand

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript vertical slide flyout 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
Layers And Menu Javascript Vertical Slide Flyout Menu
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript vertical slide flyout menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

Recent Questions

Q: My menu does not work with IE7 (I don't know if it works with IE6) but it works perfectly in FF and Netscape. HELP!!!


A: You have several errors in your data file.

Please, check that you don't have additional spaces in yourparameters.

For example:
  var fontColor=["#F3E398 ","#F3E398 "];
  var itemBackColor=["#43597E","#9B1313 "];
"fontColor=#F3E398 ,#F3E398 "


Q: I want to have one of the drop menus in the horizontal navigation use a different image.
I am using the vista images and would like to have all of them but one use the same image
and the last one a different one. Can this be done?

A: You should create Individual Style for the last item and assign another image for it.

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-01.files/btn_black.gif,
data-vista-01.files/btn_black_blue.gif"],
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBackImage=data-vista-2-03.files/btn_green.gif,data-vista-2-03.files/btn_green2.gif","fontStyle='normal 11px Tahoma','normal 11px Tahoma'","fontColor=#FFFFFF,#FFFFFF"],
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], //style 0
...
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ], //style 0
["Contact Us","testlink.htm", "", "", "", "", "1", "", "", "", "", ], //style 1
];

Q: I also did not understand the difference between the "deluxe menu" and the "deluxe tree" software. Can you please send me a short description?

A: These are different menus.

Deluxe Tree is a tree view. Items in Deluxe Tree are expand/collapseon click.

Deluxe Menu is a cascade menu.



Q: Is there a javascript API for the expandable menu tree to fire an user click event so the browser will load proper page accordingly? I looked around the current APIs from your site and could not find one.

Please advise.

A: You can use dtreet_ext_userClick (itemID) function.
See more info:

http://deluxe-tree.com/functions-info.html

Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

  var tmenuItems = [
["text", "javascript:your_code_here"]
];

or

  var tmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];