Dropdown Sliding Mouseover Demo by Deluxe-Menu.com
Dropdown Sliding Mouseover Demo

Template:






    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Several menus on one page
    - Image arrows
    - Personal CSS styles for separate menu elements
    - UL/LI items structure
    - Submenus dropdown on mouseover
    - Status string shows item labels
    - Filters and Transitional effects




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

Menu Screenshots

Dropdown Sliding Mouseover Demo Web Menu Download

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dropdown sliding mouseover demo samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Example Dhtml Menu Tree Dropdown Sliding Mouseover Demo
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
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.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: When you hover over words the background color is light blue - How do I change dhtml context menu so that the color when you hover over items is different?


A: You should change the following parameter:

  var itemBackColor=["#FCEEB0","#65BDDC"];

Q: I just purchased deluxe menu and can't seem to figure out how to get a custom onMouseOver and onMouseOut event to work on a javascript drop down menu item.

Could you please detail how to do this?

A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.
However, you can achieve this by using standard html objects within javascript drop down menu items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];



Q: My menu is working very well in IE 7.0, and almost very well in FF 2.0.

In your faq, you mention the following:

Fix for flash in Firefox!
If you don't want the flash to hide under submenus in Firefox you should do the following things:

However, I do want the flash to hide under submenus, like it does in IE when I set   var dmObjectsCheck = 1;

My menu is beneath my flash.


A: If for some reasons a submenu can't drop down over an object the latter will be hidden for a time when the submenu is shown.

If you don't want to have such effect you should follow these steps.

http://deluxe-menu.com/objects-overlapping-sample.html


Q: How can I center my navigation java script menu bar within my HTML page? I have tried putting the script into a table that is centered. I have also changed the   var menuWidth to 800px. The navigation bar is still right-justified instead of centered in both IE and Firefox/Mozilla.

A: Now you use absolute position for the java script menu bar:

  var absolutePos=1;
  var posX="0px";
  var posY="0px";


You should set:
  var absolutePos=0;



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