Javascript Cascade Menu by Deluxe-Menu.com
Javascript Cascade Menu

Template:

Adobe Style Template - Sliding Menu







    - Filters and Transitional effects
    - Relative/Absolute menu position
    - 85% transparency for sub menus
    - Submenus go over all page objects
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Text aligned to left
    - Search feature - add the search area in the menu and type symbols.




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

Menu Screenshots

Javascript Cascade Menu Cascading Drop Down Menu Tutorial

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

Features

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
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!
How To Make A Rolldown Screen Dhtml Javascript Cascade Menu
Cost Effective
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
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.

  • 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is it possible to have the actual words clickable in order to open up a sublevel menu instead of having to click on the + symbol?


A: Yes, you can do it.
You should set this parameter:

  var texpandItemClick = 1;


Q: Thank you for your help, I have downloaded the updated link the .js files are there. I have been using the tuner and was wondering how to change the colors of the main menu bar. I have selected a template that we like (Vista 3, #5), but it isn't quite the right shade of green. I have figured out how to change the colors of all of the "sub" menus, but I don't see where to change the main menu bar. Is this possible, if so, where do I make the change(s)?


A: Top menu items in Vista styles use images as backgrounds. You cannotchange its color in Deluxe Tuner.

You should change the image color. You can do it in any Graph Editor,for example PhotoShop.


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: For some strange reason the border that outlines the java script tab area is missing.


A: You cannot set this border using Deluxe Tabs parameters.

You should set it in the DIVs style.

<div id="ExpenseInformation" style="visibility: visible; width: '800px'; border: 1 solid;" class="tabPage">

Or in the "tabPage" style.


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