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

Template:

Grey Rounded Menu Template - Pure Css Menu






    - Image arrows
    - Hundreds of pre-designed templates
    - Inactive/Disabled items
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Cross-frame support - menus work on frameset-based pages
    - Unlimited number of sub levels
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - 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

Javascript Collapsible Menu Unordered List Javascript Drop Down Menus Examples

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript collapsible menu unordered list samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Javascript Flyout Links Javascript Collapsible Menu Unordered List
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
Cost Effective
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.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have inherited a project to finish which makes use of your java script tree menu.

I have not used your product. Is there a user’s guide/manual I can download?

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your menu in Deluxe Tuner application.You can create any menu you like in Deluxe Tuner.

Deluxe Tuner v3.0 supports Deluxe Menu (http://deluxe-menu.com) &Deluxe Tree (http://deluxe-tree.com) & Deluxe Tabs (http://deluxe-tabs.com)

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Tree ) you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the java script tree menu on the main window.

More info about menu parameters you can find on our site
http://deluxe-tree.com/parameters-info.html
http://deluxe-tree.com/menu-items-info.html


You can also use Individual Styles for items and subitems
http://deluxe-tree.com/individual-item-styles-info.html
http://deluxe-tree.com/individual-submenu-styles-info.html


2. You should install the java script tree menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

<head>
...
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
...
</head>


<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-tree.files/data.js"></script></td></tr> //data-deluxe-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>

You should also copy all engine files
dtree.js
dtree_add.js
dtree_dyn.js
dtree_ajax.js
into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index. html page.

Try that.



Q: We are in the stage of design, we have a requirement to have the right click drop down menu fly out from right to left.

A: The following parameter controls the ways of showing submenus:

From left to right:

  var subMenuAlign="left";
  var subMenuVAlign="top";

From left to right + upwards:

  var subMenuAlign="left";
  var subMenuVAlign="bottom";

From right to left:

  var subMenuAlign="right";
  var subMenuVAlign="top";

From right to left + upwards:

  var subMenuAlign="right";
  var subMenuVAlign="bottom";

You can find this info here:
http://deluxe-menu.com/ways-showing-submenus-sample.html



Q: Can your free dhtml menu have boarderes around the sub-menus only..


A: You should create Individual style and assign it to the first item in each submenu.

  var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#813A07"],
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "border-example.files/icon1.gif", "border-example.files/icon1o.gif", "", "", "", "", "", ],
 ["|Features","testlink.html", "border-example.files/icon2.gif", "border-example.files/icon2o.gif", "", "", "", "0", "", ],



Q: Trialling your menu maker. Was trying to get the tabs dhtml menu bulder working,but it gives me the error "Tabs[...].id is null or not an object" within the program and under IE7, but not under Mozilla Firefox. Obviously the tabs will be used on my website, of which 80-90% of traffic is MS-IE.

Do you know about this problem, and is there a fix. This will be a major stumbling block against me buying the product if this problem is not fixable.

A: Try to set the following dhtml menu bulder parameter:

  var bselectedSmItem=0;



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