Css Expanding Menus by Deluxe-Menu.com
Css Expanding Menus

Menu Screenshots

Css Expanding Menus Javascript Menu Flyouts Up

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!
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
Layer Absolute Position Css Expanding Menus
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your css expanding menus menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css expanding menus 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.

  • 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: The /js subdirectory of the Apycom Tree Menu trial package has no data file, i.e. the data file is missing.

A: This file can be renamed, for example, into tree-data.js.
This file contains Javascript code with menu parameters and items.
It has the following structure:

  var param1 = value1;
  var param2 = value2;
  var param3 = value3;
...
  var tmenuItems = [...];

Please, check that.
Use our examples to see how to install the menu.
Use DHTML Tuner application from the same .zip package to create andconfigure your menus.



Q: Can I just ask what the maximum KB size should be for a Data.js file for a webpage?

At the moment Vehicle_data_2.js is 24.7KB and growing as I add more data, what would you recommend as the largest size to sensibly use?


A: 24.7KB is the normal size of the file. But if you think that it isvery large you can try to use AJAX-technology to divide this file.

http://www.deluxe-menu.com/ajax-technology-menu-sample.html


Q: We found menu link can not be open on Mac with Safari. We use Deluxe tuner to get our menu but it does not work on Mac with Safari. Does Deluxe Tuner support Safari on Mac? How can I make my menu work with Deluxe tuner on Mac with Safari.


A: To create your menu on MAC you can use HTML version of Deluxe Tuner (for MAC OS). You can find it here:

http://deluxe-menu.com/deluxe-tuner-info.html


Q: I have tested and tested but can't find out how I can add the following, as a link in drop down navigation bar. Can you please help?

http://domain.no/secure/modules/tutorials/cpanel-x3/cpanel-x3-addon.swf" rel="shadowbox;height=450;width=780"

A: You should add <a> tag into the text field in that case:

["<a href="http://domain.no/secure/modules/tutorials/cpanel-x3/cpanel-x3-addon.swf" rel="shadowbox;height=450;width=780">test</a>","",""]

But you should specify a styles for this link also.