Popup Mask Javascript Demo by Deluxe-Menu.com
Popup Mask Javascript Demo

Template:

iPhone 10 Template - CSS Floating Menu






    - Relative/Absolute menu position
    - Unlimited number of sub levels
    - 85% transparency for sub menus
    - Status string shows item labels
    - Personal CSS styles for separate menu elements
    - Text aligned to left
    - Image arrows
    - Submenus automatically scrolls




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

Menu Screenshots

Popup Mask Javascript Demo Vertical Collapsible Menu

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

Features

Cost Effective
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!
Frame Menu Css Popup Mask Javascript Demo
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 popup mask javascript demo menus easily and in no time
  • Sensible menu parameters for manual editing
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



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

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

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

Recent Questions

Q: How do I add padding around a top item in the javascript menu buttons?

A: You should specify itemPadding parameter in "px".
You shouldadd "px" in your style for subitems:

  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];

Notice also that you can set multiple value for itemPadding parameter,for example:

itemPadding=4px 10px 4px 10px// top right bottom left



Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?

I'm using a JavaScript such as the one below:

<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>


A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.

For example:

  var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];

or
  var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 0)'>"]
];


Q: Is it possible to not download (pre-load) the images in the javascript menu array (some attributes in the data.js file ..)?

I would like to download them only on rollover on the submenu... I am aware of the ajax version of the menu, but ....

A: Set the following parameter:
  var dm_writeAll=0;

You can also use AJAX feature, see more info here:

http://deluxe-menu.com/ajax-technology-menu-sample.html

Q: We are experimenting with your library but can't seem to make it work. I am getting "d_ddm is undefined" in dmenu_popup.js menu script.

Could you tell me what we are doing wrong?

A: You should change

onClick="return dm_popup(1, 500, event);

to

onClick="return dm_popup(0, 500, event);

If you have only one menu on the page your menuInd = 0;

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