Js Mouseover Mouseout Div Dropdown by Deluxe-Menu.com
Js Mouseover Mouseout Div Dropdown

Menu Screenshots

Js Mouseover Mouseout Div Dropdown Fading Drop Down Menu

Features

Cost Effective
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
Example Program Of Javascript Js Mouseover Mouseout Div Dropdown
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
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 js mouseover mouseout div dropdown menus easily and in no time
  • Sensible menu parameters for manual editing



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 need to create a popup menu in javascript triggered from a flash movie button. Is this possible, and if so, do you have any documentation on this? (coding for flash button, etc)

A: Unfortunately you cannot assign OnClick or OnContextMenu event forflash file.



Q: I have a web site in which I am using Deluxe Menu in the top frame as a menu that crosses the frame and a menu in the lower frame that uses it as a menu in the same frame.
However, if a user selects the menu in the upper frame they get the menu that is associated with the menu of the lower frame.
The configuration files are names differently.
Is there a setting that needs to be set for the menu to distinguish between the two menus instantiations?


A: I suppose that you have two entries of dmenu.js file on your site in the tag.
You must have only one entry of dmenu.js file.
Please, delete the same code.
You should write so:

<head>

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menu2.files/";</script>
<script type="text/javascript" src="menu2.files/dmenu.js"></script>
<!-- (c) 2006, by Deluxe-Menu.com -->

</head>

<body>
...
<div>
<SCRIPT src="deluxe-menu_files/data-deluxe-menu.js" type=text/javascript></SCRIPT>
</div>
...
<div>
<SCRIPT src="deluxe-menu_files/data-deluxe-menu11.js" type=text/javascript></SCRIPT>
</div>
...
</body>>


Q: The problem with the old computer (by clicking an item the wrong subitem appears and the windows disappears not fast enough. I have tried your recommendation

  var smShowPause=200;
  var smHidePause=1000;
  var transDuration=350;
  var transDuration2=200;


A: Try to decrease these parameters, for example

  var smShowPause=200;
  var smHidePause=300;

Try that.


Q: I am not professional website developer … I’ve installed your trial software … but not able to add navigation menu tree in my website. Can you please guide me how I can add tree menus in left side bar of website?

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your menu in Deluxe Tuner application.
You can create any menu you like in Deluxe Tuner.

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Tree ) you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.

You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://www.deluxe-tree.com/parameters-info.html

You can also use Individual Styles for items and subitems.

2. You should install the tree menu on your page.
You can click, for example, File/Export to HTML.

Add several rows into your html page.

<head>
...
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
<!-- (c) 2006 - 2007, http://deluxe-tree.com -->
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="menudir/data-tree.js"></script> </td></tr> //data-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>

You should also copy all engine files
dtree.js - menu engine file
dtree_add.js - additional module for floatable/movable menus
dtree_dyn.js - additional module with Javascript API to change the menu "on-the-fly"
dtree_ajax.js - additional module with the AJAX-like support

into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index.html page.
Try that.