Jquery Cascade Menu Template by Deluxe-Menu.com
Jquery Cascade Menu Template

Template:






    - Items with icons
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Sound support!
    - Unlimited number of sub levels
    - Submenus go over all page objects
    - Inactive/Disabled items
    - Filters and Transitional effects
    - Horizontal or vertical orientation




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

Menu Screenshots

Jquery Cascade Menu Template Javascript Navigation Example

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

Features

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!
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
Dhtml Software Jquery Cascade Menu Template
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery cascade menu template menus easily and in no time
  • Sensible menu parameters for manual editing
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery cascade menu template samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm about to create a transparent menu as you can see on the attached photo. I can't find any samples on how to place the cascading navigation bar on an image with 100% opacity. Is it possible...?

A: To create a transparent menu you should set transparent value for the following parameters:

  var menuBackColor="transparent";
  var itemBackColor=["transparent","transparent"];




Q: Can you please tell me what is wrong with the second level of java file menu not lining up at the top of the screen? Admin --> Organization Information --> Providers is dropped down too far. (testimage.bmp attached) (css attached) (javascript attached) Also the desktop menu is not flushed all the way to the left, can you tell me why that is?

A: This is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open dmenu.js file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;

Try that.



Q: Is it correct that in vertical collapse menu you can specify your target as a different frame?


A: Yes, you can specify frame name as the target in Deluxe Tree:

  var titemTarget="frame";

Q: I am in the final stages of testing and need some advice and help.

I have two problems I am trying to address.

1) Arrows on dropdown menu select.

2) Load time.

Please notice, I have to use absolute paths for the dropdown menu select to work.

1) I can't get the arrows to show, so I tried to add the code for images in the first bold sentence below.

2) I tried to add the second line for absolute paths for links to increase load time in the second bold sentence. It appears that the load time is increased by about 3 seconds and that the menu is the last to load, even though I have tried to have this as the first html to load.

Neither one of my commands appear to work.

This site has over 10,000,000 items on it, and I can't wait to get this up and running. Your program is the perfect solution for anybody with a website.

A: 1) Now you have:

  var arrowImageMain=["mainmenu.files/arrv_blue_2.gif","mainmenu.files/arrv_white_2.gif"];
  var arrowImageSub=["mainmenu.files/arr_blue_2.gif","mainmenu.files/arr_white_2.gif"];

You should set your arrows in the following way:

  var arrowImageMain=["arrv_blue_2.gif","arrv_white_2.gif"];
  var arrowImageSub=["arr_blue_2.gif","arr_white_2.gif"];

2) Your menu is very large. I advise you to us AJAX like technology.

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

You can also try the following things:

move all <script> calls into <head>, but delete dm_init() function from mainmenu.js file -- move them instead offiles calls, i.e.:

<head>
<script src=mainmenu.js>
...
</head>

...

<div><script>dm_init();</script></div>

It this case data will be loaded when <head> will load, but after thatdropdown menu select must be shown quickly.
Let me know about results.



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