Javascript Collapsing Menus Onmouseout by Deluxe-Menu.com
Javascript Collapsing Menus Onmouseout

Template:






    - Several menus on one page
    - Submenus dropdown on mouseover
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Text aligned to left
    - Top items and submenus have a shadow
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - UL/LI items structure
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Javascript Collapsing Menus Onmouseout Category Menu Script

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

Features

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
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
Example On Drag And Drop Java Javascript Collapsing Menus Onmouseout
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript collapsing menus onmouseout menus easily and in no time
  • Sensible menu parameters for manual editing
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



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

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I just want to know after I generate the asp drop down menu, how can I put it in my html page ?


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

1. Create your menu in Deluxe Tuner application.
You can create any menu as 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 Menu ) 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
(you can alsouse local version of the site which you can find in the trial package
"Deluxe Menu / deluxe-menu.com /")

http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems:
http://deluxe-menu.com/individual-item-styles-info.html
Javascript Menu by Deluxe-Menu.com
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
//data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.
Try that.

Q: I would like two level of tabs i.e.

Tab 1 entertainment

Opens up another level of tabs
Tab 1_2 movies with information displayed in the tab not on new page
Tab 1_3 music with information displayed in the tab not on new page
Tab 1_4 tv and so on...


A: Unfortunately, you cannot do it using Deluxe Tabs in TabMode. Youcannot use object ID to show in TabMode, only links.

You can use 2 menus:

Tab 1 entertainment //1st menu
--------DIV----------------------
Tab 1_2 Tab 1_3 Tab 1_4 //2nd menu
----------DIV's for second menu--------------

content

----------end DIV's for second menu ---------

----------end DIV for the first menu -------


Q: This is probably a really basic question, but I was wondering if your software makes it possible to determine the direction of the drop down menu. In other words, my easy dropdown menu is at the bottom of the page and I want the drop down list to actually go "up," not down. Is that possible with your software?

A: Yes it is possible.

You should use the following easy dropdown menu parameter

  var subMenuVAlign="top"; //downward
  var subMenuVAlign="bottom"; //upward

  var subMenuAlign="left"; //from left to right
  var subMenuAlign="right"; //from right to left



Q: The pop-up windows are loading as the page loads, as well as when you click the appropriate object.
How can we prevent the pre-loading of html popups so that they only load onclick?

A: In that case you shouldn't set openAfter and closeAfter parameters.

So, you'll have:

deluxePopupWindow.attachToEvent(win,',,,,,')
or
deluxePopupWindow.attachToEvent(win,'openAfter=,closeAfter=,,,,')

See the following example:
http://deluxepopupwindow.com/html-popup-dialog-vista-graphite.html


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