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

Menu Screenshots

Javascript Sliding Sidebar Menu Side Bar Html Javascript

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript sliding sidebar 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
Pop Up Menu Using Javascript Sliding Sidebar Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript sliding sidebar menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
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



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: 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 would like to purchase your menu system but I need to know if I can control disable property for the menu javascripts

A: You can try to use the following function:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

Shows/hides the item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0. See more info about indexes here.
visibility = true/false - visibility of the item.

More info you can find here:
http://deluxe-menu.com/functions-info.html

Q: I am using javascript dropdown menu - Deluxe Menu 2.0 and have some problem with the doctype declaration.
Is there any need to classify a certain doctype in order to get the menu working correctly?
If we use the XML declaration (like this: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">)
the padding and margin settings of the submenus get lost.
Are there any known solution to fix this?

A: Yes, it happens if you don't specify units in "px" for some dropdown menu parameters.
Please, try to write so:

  var itemPadding="2px";



Q: I like your product and we would like to use it for our web-site.

Our site uses Frames with the following names in the FrameSet:

frame name = “top”
frame name = “middle”
frame name = “bottom”

I don’t understand how to set the target of the Deluxe Tuner navigational link to populate the frame “middle” or “bottom”

When I try to input my own name it will not allow me to do so.

We are using the “top” (horizontal) frame as a header which will contain the navigational component we developed using your product.

We are using the “middle” frame to contain most of the html pages the user will load

We are using the “bottom” frame to contain auxiliary text

Can you help me?


A: More info about the installation of the menu in cross-frame mode youcan find here

http://deluxe-menu.com/cross-frame-mode-sample.html

You should replace dm_init() function with dm_initFrame() function.
Please, open your data.js file with the menu parameters in any texteditor and change it.
You should write, for example so:

dm_initFrame("frmSet", 1, 2, 0);