Mouseover Menu Javascript by Deluxe-Menu.com
Mouseover Menu Javascript

Menu Screenshots

Mouseover Menu Javascript Javascript Pull Down Menu Navigation

Features

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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: I am having some trouble placing the menu drop down vertical in frontpage. Does your company have a toll free number and some kind of tech support for the frontpage material. We are very interested in your program.


A: Unfortunately, we don't provide support by phone, e-mail only.

See, you should do the following things.

1. Create your menu in Deluxe Tuner.
2. Export the menu into html file "File/Export/To HTML".
3. Copy generated folder with all engine .js files and images
("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default) into the same folder with you index.html page (created inFrontPage).
4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)or in any text editor. Open your index.html page and edit it.
Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.
5. Add the following code in the tag:

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

and
<script type="text/javascript" src="data-deluxe-menu.js"></script>
in the place where you want to have the menu.
You can paste it in <table>, <div> tags. For example.

<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>
6. Save your index.html page and open it in any browser.


Q: In DHTML Menu, is possible call javascript when click on an item without close the javascript pop up menu ??
I would update a content subitem with ajax when click on a item, but when click the mouse on the item the menu is closed.

I can't use the showByClick property because i use popupMode=1 .

Can you help me ???

A: In Deluxe Menu you can use the following parameter:

Parameter: smHideOnClick
hides submenus on click
0 - disabled, 1 - enabled.

  var smHideOnClick=0;



Q: When one of my menu items is a link to a url, is there a setting to change the cursor to a hand versus the normal arrow for the dhtml rollover?
Basically, I want the links of the menu items to look like most other links on any webpage.

A: Try to set the following parameter:

  var itemCursor="pointer";



Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Mouse over drop down menus? - Tech Support Forum

I need some help creating simple mouse over drop down menus, nothing fancy just a ... Ok now that I have found a good edit, and put in the js and css files,

The top menu mouse over problem in firefox - kirupaForum

The top menu mouse over problem in firefox Client-Side (HTML, CSS, JavaScript) ... Client-Side (HTML, CSS, JavaScript), Art and Design

pure CSS mouse over drop down menus - Expression Web Help Forum

Has anyone developed a plan to create mouse over dropdown menues using ... No javascript is employed. The dropdown menus have been tested in

Mouseover popup : JavaScript Forum

Trying to figure out how to make a window popup with graphics and text when you mouseover a link, Any help will be appreciated

Mouseover Image Code - Zymic Webmaster Forums

Well you could do it using Javascript or CSS. Here's how ... kinda what bezz is talking about... check out this sexy menu with source:

Mouse Over Image Enlarge off the cursor

Oct 25, 2006 ... Just make sure references to the CSS and Js are correct for your directory ..... width: 100%; } .menu a { display: block; line-height: 13px;

Programmers Resource - The Pop-Up Menu (JavaScript)

One way to translate the preceding pseudo-code into JavaScript is: ... I included both mouse over and mouse out events for each menu as NS6

JavaScript Mouseover Drop Down Menu Falls Behind a regular HTML

On a HTML page, there is a JavaScript mouse drop down navigation menu on the top , and some HTML elements in the middle area. When a mouseover event triggers

AddThis User Community • View topic - Getting Mouse-Over Option to

<script type='text/javascript'>var addthis_pub = &quot;msallied&quot; ... but it still doesn't open the drop-down menu when I mouse over

nested div not visible on mouseover

I can't figure out why the nested <p> tag works with mouseover and the nested ... <script type="text/javascript"> function showmenu(elmnt) .... I adjusted the width of the menu class divs to 200px (seems to keep them

AJAX - Mouseover Profile Preview - vBulletin.org Forum

This script will display profile info when you mouseover their username on the forumhome page, the javascript (ajax) is from

Mouse-over, Mouse-out [Archive] - StatCounter User Forum

Mar 22, 2008 ... [Archive] Mouse-over, Mouse-out Lounge (non-StatCounter related topics here!) ... <script type="text/javascript"> function ShowPopup(hoveritem) .... On his examples he reveals his divs below his left navigation menu,

amCharts support forum / Javascript event on mouseover

The best way to do that seemed to be a javascript function that gets called on mouseover with the xid value as a parameter

XSLT menu - Navigation, Breadcrumbs and Sitemaps - umbraco Forum

another thing this menu is like having main links on above and then sublinks on mouse over. Any idea about adding javascript in xslt file

Forum Swt Menu Background Color Template - Javascript Menu Template

menu java opening mouse over vertical; "..your javascript select menu is awesome , and I continue to rave about it to anyone I know.."

YUI Library :: Forums :: View topic - YUI Menu : Display Submenu

I have used Configuration Property autosubmenudisplay : false while creating Menu. This does not display Sub Menu on mouse over. Now i used javascript that

Javascript mouseover popups for buttons in menu - Mambo - Forums

Javascript mouseover popups for buttons in menu General ... If you look at the menu, the buttons are 'Donate', 'Donate Your Car', etc

[TGW] DD Mouseover Tabs Menu 3.8 - Egypt Forums

Dec 1, 2008 ... This is a Mouseover Tabs Menu, code developed by Dynamic Drive for use on personal ... rel="gotsubmenu[selected]">JavaScript Kit</a></li>

How to get my button with mouse over onto my google site? - Google

May 3, 2010 ... I am trying to put in a horizontal navigation menu with buttons that have ... Mac I realise I cannot add javascript to google sites now but

tomcho on Plugin causing menu problem with Over - cforms II

Jun 2, 2010 ... If you hover the mouse over any of the pages under the Blog, Resources or About menus – or even the Resources Directory sub-page – the

Facebook Platform Developer Forum / mouseover show and hide sub

Aug 5, 2010 ... Re: mouseover show and hide sub menu problem. thanks for you reply, .... This is just simple JavaScript programming at this point

Javascript drop-down menu...activated by mouseover or link

Apr 6, 2005 ... I'm looking for a javascript drop-down menu, that would be activated by moving the mouse over a link or picture hotspot (or something)

JavaScript:Tutorial, MouseOver Image Change

Introduction:- In this tutorial I will show you how to change the image when the user puts the cursor over an image and then change it back when the

Free Accordion Menu R2 - Interspire Forum

Free Accordion Menu R2 Code Modification and Addon Releases. ... event: This controls whether the menu expansion takes place on 'click' or 'mouseover'. ... It is no longer necessary to download jquery-1.3.2.js in Step 1