Hover Selected Menu Code by Deluxe-Menu.com
Hover Selected Menu Code

Template:

Olive Menu Template - DHTML Navigation Menu






    - Sound support!
    - Hundreds of pre-designed templates
    - Several menus on one page
    - Submenus dropdown on mouseover
    - Horizontal or vertical orientation
    - Items with icons
    - Transition #14 - "fade out" effect
    - Cross-frame support - menus work on frameset-based pages




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

Menu Screenshots

Hover Selected Menu Code Dynamic Javascript Frames

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

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!
Cost Effective
Drag Drop Netscape Javascript Hover Selected Menu Code
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed hover selected menu code samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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.

  • 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: I have a problem...
On some computers running IE the menu appears and works correctly, on others it doesn't appear.
There is only a line that says JavaScript Menu by Deluxe-Menu.com.
Both of these computers have the same version of IE running. I have reset the security levels back to default levels on both. Still the menu doesn't appear.
For all practical purposes both copies of IE are the same.


A: You should change your security settings in IE to allow Javascript onpages you load. In other case 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.

You can also use Deluxe Tuner application that allows you to generate additional html code for search engine that can't parse Javascript. So, you can use menu links on browsers that doesn't have Javascript support enabled.


Q: There seems to be a "glitch" when I use Firefox.
I have rebuilt the page twice but I always end up with themenu floating to the left, instead of under the main menu (the second or third mouseover will correct the issue). Also, sometimes I have to mouseover twice before the submenu comes up (in I.E.).

I have validated...however I wondered if there could be a conflict in the javascripting (yours and mine). Any suggestions?


A: The reason is in your <!DOCTYPE>.

Try to specify units in "px".
  var menuWidth="780px";
  var menuHeight="27px";
  var smWidth="200px";
  var smHeight="200px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

You can also try to set the following parameter:
  var dm_writeAll=1;


Q: Is there a way to center button names because by default they are left justified?


A: Try to set the following parameters:

  var itemAlignTop="center"; // text alignment for the top items
  var itemAlign="center"; // text alignment for the submenus


Q: Would it be possible to introduce more font decoration options to the mouseover variables for the horizontal navigation?I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.


A: Unfortunately, Deluxe Menu doesn't have such a feature.
You can onlyset it's color. You cannot set the font of menu item bold when selected.

You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

  var menuItems = [
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],


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