Vertical Collapsible Menu Jquery by Deluxe-Menu.com
Vertical Collapsible Menu Jquery

Template:

Olive Menu Template - DHTML Navigation Menu






    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Transition #14 - "fade out" effect
    - Hundreds of pre-designed templates
    - Submenus dropdown on mouseover
    - 85% transparency for sub menus
    - Sound support!
    - Relative/Absolute menu position
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Vertical Collapsible Menu Jquery Dynamic Drop Down

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
Javascript Category Menu Vertical Collapsible Menu Jquery
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical collapsible menu jquery 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



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

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: Is it possible to use this easy drop down menu as a static HTML form element so it does not behave like a link but its value is posted with other form elements on submit?

A: You are able to paste any html code within items.
So you can paste a form too.

For example:

  var menuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'>
<input name='as_q' value='searchthe web' size=15 style='font-size:10'> 
<INPUT type=hidden name=cof value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'>
</form></nobr>","", "images/icons/search.gif", "", "", "", "", "2", "", "", "",],

Q: It is possible to have context menu work with your tree?
More specifically, when you right click on a tree node, have a context menu appear.


A: Please, try to use this API function:

function apyt_ext_userRightClick(itemID)

More info you can find here:

http://dhtml-menu.com/tree-examples/dynamic-functions.html


Q: We use your deluxe menu app. We are trying to configure menu windows to a certain width. But when we configure it to a certain number of characters, the app cuts words. Is there any way to configure it, so that doesn't happens and puts that word in the lower line in the menu en javascript item?

A: Try to use the following parameter:

  var noWrap=0;

You can also use standard <br> tags within menu en javascript item's text.

["Product <br> Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],



Q: I can not figure out how you put the arrow that shows there's more information in the php drop down menu?
I tried and tried to figure it out where you add this .gif file?

A: You should set the following parameters in your data.js file:

  var arrowImageMain=["deluxe-menu.files/arrowmain.gif","deluxe-menu.files/arrowmaino.gif"];
//Normal and mouseover arrow images for top-level items.

  var arrowImageSub=["deluxe-menu.files/arrowsub.gif","deluxe-menu.files/arrowsubo.gif"];
// Normal and mouseover arrow images for submenu items.

You can set these parameters in Deluxe Tuner also:

Open 'Icons' section in the main window and set   var arrowImageMain and   var arrowImageSubparameters.



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