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

Template:






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Top items and submenus have a shadow
    - Personal CSS styles for separate menu elements
    - Sound support!
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Submenus dropdown on mouseover




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 Javascript For Horizontal Drop Down Menus

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

Features

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
Cost Effective
Navigation Bar In Web Popup Mask Javascript Demo
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
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



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

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). 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.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Now on IE for Windows, the menus disappear as I roll over them, though not always.
I'd say 90% of the time they fade away as my cursor crosses them.
10% they stay and I can get a good click.

On Safari, they work great.


A: See menu parameters they contain:
  var smShowPause=0;
  var smHidePause=0;

You should set, for example:
  var smShowPause=200;
  var smHidePause=1000;

Try that.


Q: I did not make anything complex - simply added a couple of menu items. As you may see the java swing popup menu being expanded overlaps with the rest of the table. I guess I am just not doing something right since it is a trivial case ...

A: Now you're using absolute position for the menu:

  var tabsolute=1;

You should use relative position.



Q: Another glitch is that the first item on the sidemenu stays dark blue -
even when the mouse is off of it.

A: In your code now you have:
  var pressedItem=0;
Please, set this parameter in the data.js file:
  var pressedItem=-2;


Q: I have one problem you may be able to help with:

If I set

  var tsaveState = 1;

The following errors are generated:

_tls is not defined

tob has no properties

and the menu doesn't display.

If you could help with this I would be grateful.


A: You should use dtree_ss.js file.

You should install your menu so:

<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript" src="menudir/dtree.js"></script>
<script type="text/javascript" src="menudir/dtree_ss.js"></script>

<script type="text/javascript" src="menudir/tree-data.js"></script>


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