On Mouseover Floating Menu Js by Deluxe-Menu.com
On Mouseover Floating Menu Js

Menu Screenshots

On Mouseover Floating Menu Js Drop Down Menu Javascript Dhtml

Features

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
Vertical Css Drop Down Menu On Mouseover Floating Menu Js
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 on mouseover floating menu js menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed on mouseover floating menu js samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: I have built a new website to replace a dated version and the menu work fine everywhere, except I just found out the site needs to be accessed from a remote sever and the Client cannot enable scripting as it would compromise their security settings.


A: When your security settings 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">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: Where can I give the body of the javascript method which I use in cool dhtml menu?


A: You can define functions after menuItems, before you call dm_init();function.

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

Where your_function(...):

function your_function(...)
{
.....
}


Q: I have installed all .js files in a subfolder under my html folder. \html\menudir\ all js files are here

My html file is in html folder.

Inserted in HEAD section in HTML file
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">simple javascript menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->

Later in BODY, used your sample popup javascript data-popup-mode.js file

<script type="text/javascript"
src="menudir/data-popup-mode.js"></script>
<img src="../images/lov.gif" onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;"> When I view the page with simple javascript menu and click on the image, I get an error.

What am I doing wrong?

A: If you have only one menu on the page you should write popup functionin the following way:

return dm_popup(0, 2000, event);



Q: I have the following problem. I've set target parameter to "_self".
But my html files still opens in a new window.


A: Please, check the following parameters:
  var itemTarget="_self"; //default target

You can set target parameter for each item.

See menuItems parameter:

  var menuItems =
[
    ["Home","testlink.html","icon.gif","iconover.gif","Home Tip",target,"1"],
     ["|Our Products","testlink.html","icon1.gif","icon2.gif","Our Products Tip","_self",,"0"],
];

Try that.