Html Floating Side Menu by Deluxe-Menu.com
Html Floating Side Menu

Menu Screenshots

Html Floating Side Menu Menu Position

Features

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html floating side menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Shell Script Html Floating Side 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
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



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 am trying to create a tab menu and I have some questions. I want a tab menu that has four tabs. Each tab is a different image, the normal and hover state uses the same image and the selected state uses a different image. This will be applied to all four tabs. All the tabs will not have any text on them because the image will already have text on it. This tab menu will not have a submenu but will use <div id> tags to populate information when a certain javascript menu master tab is selected.

I am having difficulty trying to create this type of tab menu to work with the Deluxe Tuner. Each time I try to make an image as a tab that image is applied to all javascript menu master tabs which I do not want. I want each tab to have a different image.

Please advice how I can do this.

A: If you want to use different images you should use Individual ItemStyles and assign them for your tabs.

  var bstyles = [
["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif, deluxe-tabs.files/style04_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif, deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_n_right.gif, deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif, deluxe-tabs.files/style04_2_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif, deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif, deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif, deluxe-tabs.files/style04_3_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif, deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif, deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];

  var bmenuItems = [

["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];



Q: Is it possible to have the actual words clickable in order to open up a sublevel menu instead of having to click on the + symbol?


A: Yes, you can do it.
You should set this parameter:

  var texpandItemClick = 1;


Q: Is there any possibility to change the dynamic drop down menu?

A: You should use API functions.

dtreet_ext_changeItem (menuInd, itemID, itemParams)

More info you can find here:

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



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 dhtmlmenu button?

A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

You can also use this parameter:
  var itemPadding = "4px";
You can also set multiple values, for example:
"2px 15px 5px 5px";
(top, right, bottom, left)