Zend Navigation Javascript Menu by Deluxe-Menu.com
Zend Navigation Javascript Menu

Menu Screenshots

Zend Navigation Javascript Menu Folding Menu

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed zend navigation javascript menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Drop Down Menu Templates Zend Navigation Javascript Menu
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
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

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: I'm having a problem displaying a little white icon arrow on my dhtml foldout menu. I us Adobe Dreamweaver to build my site. When previewing, I found that adding . /.. to the .js file works good and it displays the arrows. But when I Put the menu on the internet it goes back to displaying a blank box like it can t find it again. My menu is in my site's root directory, and I would like to control all my site's pages with it. I am going to have a basic template for the whole site with the dhtml foldout menu on it and I am to building all the pages from that.

If I don't change the link to ../../ the only pages that will work is the one that is in the same directory as my menu files.

A: Try to use absolute paths to your images on the website. Your menu will work correctly inall cases in that case.

  var pathPrefix_img="http://www.domain.org/Fundraising/Scrip/";
  var arrowImageMain=["data.files/arrv_white_1.gif",""];
  var arrowImageSub=["data.files/arr_white_1.gif",""];

or

  var pathPrefix_img="";
  var arrowImageMain=["http://www.domain.org/Fundraising/Scrip/data.files/arrv_white_1.gif",""];
  var arrowImageSub=["http://www.domain.org/Fundraising/Scrip/data.files/arr_white_1.gif",""];


Q: Hi, is there a way to fire an event when a net javascript menu tab page loads? I want to turn on a section of the page that is not part of the tab when a tab page is made visible.

A: Actually you can use your own Javascript code instead standard links. For example:

  var bmenuItems = [
["text", "javascript:your_code_here"]
];

or

  var bmenuItems = [
["<div onClick='your_code_here'>item text</div>", ""]
];



Q: We have been evaluating your menu control.
But we are not able to use PNGFix javascript which is used for transparent PNG image in our down navigation bar. Your menu is transparent but it goes one layes behind. It should come on top of all with transparecy.

Your reply could help us make a buying decision.

A: Unfortunately it is really so. PNGFix javascript won't work.

We'll try to add feature to use transparent PNG images in the next version of Deluxe Menu.


Q: Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";