Css Expandable Menus Samples by Deluxe-Menu.com
Css Expandable Menus Samples

Menu Screenshots

Css Expandable Menus Samples Dhtml Collapse Menu

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!
Cost Effective
Html Position Navigation Css Expandable Menus Samples
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
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

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.

Recent Questions

Q: How are the menus affected if javascript is not enabled and other security levels are used in browsers?


A: When your security settings in IE doesn't allow Javascript onpages you load you can't see a dynamic page content.

There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.

Please, try to use search engine friendly code you'll see all yourlinks.

You can generate search engine friendly code.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com"&glt;menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


Q: The property   var showByClick=1; not work in popupMode=1; ??? Is it possible ???


A: Unfortunately it is really impossible to show submenu on click in popup mode.


Q: I've encountered a problem when I was creating my collapsible menu javascript. I got an error message when I was creating my menu as follows:

----------------------------------
There is the error in the data file. The menu won't be loaded correctly.

Line: 361
Char: 3
Code: 0
Message:']' f=F6rv=E4ntas
----------------------------------

A: You have errors in your data file now. It is not correctly to writeitems in the following way:

   ["||10"","", "", "", "", "", "", "", "", "", ],
   ["||11"","", "", "", "", "", "", "", "", "", ],

You should write:

   ["||10","", "", "", "", "", "", "", "", "", ],
   ["||11","", "", "", "", "", "", "", "", "", ],


Q: For the attributes that can have top, left, right, bottom, i.e. border, padding, is there any way to specify just one of them in the javascript context menu? i.e. border-left: 2px. I tried 2px 0 0 0 but that doesn't seem to work.

A: You can set different border width , forexample:

  var itemBorderWidth="1 0 2 5";
  var itemBorderWidth="top right bottom left";