Example Of Menu by Deluxe-Menu.com
Example Of Menu

Menu Screenshots

Example Of Menu Dinamic Menus

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
Horizontal Javascript Menus Example Of Menu
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!
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
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.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I would like to reduce or remove the indentation between submenus. That way I can save space for the menu. How can I set indentation?
I would like to change the height of the submenu items (no icons used). How can I do that?


A: Unfortunately, you cannot reduce the indent between main items inXP-Style.

To reduce the indentation between submenus you should set thefollowing parameter:

  var titemHeight=15;


Q: How are the menus affected if javascript is not enabled and other security levels are used in browsers?


A: When your security settings in IE doesn't allow Javascript onpages you load you can't see a dynamic page content.

There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.

Please, try to use search engine friendly code you'll see all yourlinks.

You can generate search engine friendly code.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com"&glt;menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


Q: We want the javascript dhtml drop down menu which have sub menu to have a arrow, so that the visitor know that they have to cliek there. We have put in arrow on the tab which are having drop downs, but on mouse over to the single javascript dhtml drop down menu also it is showing the arrow and another problem is that when the drop down is used then there after the arrow is no more visible.

A: You can create Individual XP Style and use it for items with submenus:

  var tXPExpandBtn=["left.files/blank-arrow.gif","left.files/blank-arrow.gif", "left.files/blank-arrow.gif","left.files/blank-arrow.gif"];

  var tXPStyles = [
["tXPExpandBtn=left.files/menu-arrow.gif,left.files/menu-arrow.gif, left.files/menu-arrow01.gif,left.files/menu-arrow01.gif"],
];

and assign this style for all top items with submenus:

["+Company Profile","", "", "", "", "", "", "0", "0", "", ], //style0
 ["|Item 25","", "", "", "", "", "", "1", "", "", ],
 ["|Item 26","", "", "", "", "", "", "1", "", "", ],
["+Projects","", "", "", "", "", "", "0", "0", "", ], //style0
 ["|Item 27","", "", "", "", "", "", "1", "", "", ],
 ["|Item 28","", "", "", "", "", "", "1", "", "", ],
["+Services","", "", "", "", "", "", "0", "0", "", ], //style0

Try that.



Q: Do the Vista style menus support a separator?
It seems to add some space but the separator line is not drawn.


A: Yes, you can paste a separator in the Vista style menus.

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="3";
  var separatorVHeight="100%";
  var separatorPadding="";

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

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

];
Try that.