Javascript Drown Down Menu by Deluxe-Menu.com
Javascript Drown Down Menu

Template:






    - UL/LI items structure
    - Sound support!
    - Items with icons
    - 85% transparency for sub menus
    - Cross-frame support - menus work on frameset-based pages
    - Text aligned to left
    - Status string shows item labels
    - Image arrows




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Javascript Drown Down Menu Flyout Menu

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
Menue Bar Scripts Javascript Drown Down Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript drown down menu menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Just purchased the license for deluxe-menu.

The javascript submenu do not go over top of my other elements like the FAQ says it should.

A: Now you have the following style Z-INDEX: 2000; for .titleTopCenterDIV.

The menu has lower index in that case.

Try to set it to
Z-INDEX: 10;



Q: I am rewriting my homepage in CSS but now I have another problem with the DeLuxe menu.
The javascript top menu is well positioned on the page but the submenus are not.
The submenus are not positioned aside the javascript top menu but lower and far to much to the right.
I changed the variables

  var posX = 100;
  var posY = 100;
  var absolutePos = 1;
  var topDX = 0;
  var topDY = 0;
  var DX = -3;
  var DY = 0;
  var subMenuAlign = "left";
  var subMenuVAlign = "top";

Sometimes when I change the variables the submenus are well positioned and then, after enlarging the IE-window, they are not.
What can I do?

A: It is possible that you have some problems with your css styles.
See, the problem is that the javascript top menu can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute;"

to the

<div id="block">



Q: Is there any way to call a javascript function on mouseover from a menu item for a sub navigation bar?

A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];

  var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];

Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["
item text
", "index.html"]
];




Q: Can I just ask what the maximum KB size should be for a Data.js file for a webpage?

At the moment Vehicle_data_2.js is 24.7KB and growing as I add more data, what would you recommend as the largest size to sensibly use?


A: 24.7KB is the normal size of the file. But if you think that it isvery large you can try to use AJAX-technology to divide this file.

http://www.deluxe-menu.com/ajax-technology-menu-sample.html


Buy Now!   ::  Free Trial Download   ::  More Info