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

Menu Screenshots

Javascript Collapsible List Html Dropdown Menu Example

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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript collapsible list menus easily and in no time
  • Sensible menu parameters for manual editing
Dhtml Menu Maker Javascript Collapsible List
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript collapsible list 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

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!

Recent Questions

Q: Is there a way to use the smartscrolling function (for a vertical menu) on the MAIN menu instead of only for the submenu's?


A: You can't use scrolling in the main menu. But if you have verylarge menu you can use multilevel menu,

http://deluxe-menu.com/multilevel-menu-sample.html

Theoretically we can do scrolling in the main menu, but we think that it will be better touse multilevel menu in that case.


Q: Another glitch is that the first item on the sidemenu stays dark blue -
even when the mouse is off of it.

A: In your code now you have:
  var pressedItem=0;
Please, set this parameter in the data.js file:
  var pressedItem=-2;


Q: Is it possible for a javascript navigation barr item to have an associated "target"?

What I mean is I'd like to be able to open the page in a new window, so I'd need to specify the href as well as "target=_new" (in HTML anyway).

A: You can set target parameter for all items:
  var itemTarget="_blank";

Where main - is the name of the main middle frame where you want to open the link.

or for each item individually:
["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],



Q: My mainmenu items are not links. So i need no link cursor. My submenu item are links, so i need a pointer(hand).
How can i define 2 different cursors. I tried all the possible settings for the cursor in the program but noting works.
I tried is also with a CSS class for the submenu, but that wasn't also working.
In brief: i want an arrow cursur in my mainmenu, and an hand cursor in my submenu. With smart scroll doesn't solve my problem.
Can you give me a hint to do this.


A: Unfortunately, you can't change cursor type for different items.
But you can write so:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
 ["|What's New","", , , , , "0", , , ],

In all items with links you should use <a> tag.

Set this parameter:
  var itemCursor="default";