Javascript Collapsible Menu Unordered List by Deluxe-Menu.com
Javascript Collapsible Menu Unordered List

Template:

iPhone 18 Template - Dropdown Submenu






    - UL/LI items structure
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Filters and Transitional effects
    - Items with icons
    - Search feature - add the search area in the menu and type symbols.
    - Relative/Absolute menu position
    - Unlimited number of sub levels
    - Top items and submenus have a shadow




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

Menu Screenshots

Javascript Collapsible Menu Unordered List Collapsible Menu Using Javascript

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
Cost Effective
Dynamic Dropdown Menu Vertical Javascript Collapsible Menu Unordered List
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript collapsible menu unordered list menus easily and in no time
  • Sensible menu parameters for manual editing
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
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



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: I love your product! I used it to create our top level navigation for the initial re-launch of our site in October and am now using Delux-tree to create a left navbar for a secondupdate to our site come Feb. 14th.

I have one question however, is it possible that when I expand "CRM" and then secondly expand "Contact Manager","CRM" then returns back to it's original states drop down menu? Please let me know, thanks!!


A: You should set the following parameter:

  var tcloseExpandedXP=1;


Q: I have managed to insert a separator in a menu and set the image path but the separator image does not show.

Is there anything else I need to do?


A: Please, see the following parameters:

//------- Separators -------
//--- Separators
  var separatorImage="";
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

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

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

];
Try that.


Q: I didn't specify link for the item, but the problem is the mouse cursorchanges to a hand, when the item of the web navigation bar (not link) is mouse over.

A: Unfortunately there is no way to change cursor for items with links and without links.

You can try to use <a> tag inside the text field:

["<a href="http://domain.com/index.html">test</a>","",""]



Set default cursor:
  var titemCursor="default";




Q: How can I have two floating menu under each other using the float option so that do not collide with each other?

A: You can try to adjust the following parameters to the one menu:
  var floatableDX=15;
  var floatableDY=15;



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