Css Collapsable Menu by Deluxe-Menu.com
Css Collapsable Menu

Menu Screenshots

Css Collapsable Menu Menu Java Example

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapsable menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsable menu menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Tab Examples Css Collapsable Menu
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Now, I need your help in another question: I can set "tpressedFontColor" to have the font of the active item in the dhtml tree menu take this color.

How can I make the onmouseover - background ("titemBackImage" of the individual style set in the item parameters) of the menu item also be saved in the active, selected dhtml tree menu item? I need to build a menu with different background-images (shown on mouseover and when active) for each item, so I cannot set ONE "titemBackImage" that fits for all.

Thank you very much, Irene. And yes, I really love this product.

A: Unfortunately it is not possible now to set background color orbackground image for the selected state. Deluxe tree doesn't have sucha feature now.

But we'll try to add this feature in the next versions of Deluxe Tree.



Q: I cannot see subitems of my down menu navigation on the website. Could you help me?


A: Now you have

  var smHeight="0px";

It is not correct.
Try to set:
  var smHeight="";


Q: Is it possible to open a specific tab using javascript in the horizontal tabbed?

A: You can try to use the following function:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, >=0.


Q: I can’t highlight the selected menu item of the current page in the javascript flyout menu?


A: Please, check the following parameter

  var pressedItem=-2;
This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page.
That is why you should write your own code on PHP.

You can also set the correct:
  var pressedItem=1;
parameter on each html page.