Javascript Code For Submenu Header by Deluxe-Menu.com
Javascript Code For Submenu Header

Menu Screenshots

Javascript Code For Submenu Header Java Script Hide Menu Bar

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript code for submenu header menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Dynamic Menu Tutorial Javascript Code For Submenu Header
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript code for submenu header samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I can not figure out how to get drop-down menus to show up in the Add-Ins on my Microsoft Front Page.

A: Deluxe Menu wasn't developed as Dreamweaver/Microsoft Front Page extension,
BUT you can use it as standard Javascript files. To install the menu
into your html page:

1. open the page in Dreamweaver/Frontpage
2. open html source code of the page
3. add several rows of code (<script> tags).
For info see:
http://deluxe-menu.com/installation-info.html

Notice also that some web editors won't display correctly javascript menus,
you should preview your website in the browser.



Q: I need to set individual itemtargets for a number of items in the navigation bar menu...

A: You can set target parameter for all items:

  var itemTarget="_blank";
or
  var itemTarget="main";

where main - is the name of the main frame where you want to open the link

or for each item individually:

["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
...
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],



Q: What I would like is a link inside the popup window that closes the mouseover popup window. I tried moving the "close" link from the main page into the popup window html but I get a Javascript error when I click on that link.

A: See, if you load a different page in your popup window (iframe) suchlink won't work in it.

If you add the content of the mouseover popup window in DIV (so, it will be thesame page) such link will work.


Q: I had create a website navigation bar ,in that I need to give separator. But its not working.
Please advise.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

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