Floating Slide In Menu by Deluxe-Menu.com
Floating Slide In Menu

Template:

Dark Red Menu Template - Rollover Dropdown Menu






    - Top items and submenus have a shadow
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - 85% transparency for sub menus
    - Items with icons
    - Cross-frame support - menus work on frameset-based pages
    - Unlimited number of sub levels
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus automatically scrolls




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Floating Slide In Menu Sliding Frame Javascript

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

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
Dependant Dropdown Menus Floating Slide In 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
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Would dhtml drop menu work to put the javascript command, OnClick=javascript:window.location.href=myvalue in the Link entry so that when a person clicks on the menu item, he navigates to the webpage specified in the OnClick?

A: > Would dhtml drop menu work to put the javascript command,
> OnClick=javascript:window.location.href=myvalue in the Link entry so

Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

  var tmenuItems = [
["text", "javascript:window.location.href=myvalue"]
];

or

  var tmenuitems = [
["<div onClick='window.location.href=myvalue'>Table of Contents</div>", ""]
];

> Also, what features of IE 4 are not supported?
Deluxe Menu support Internet Explorer 5+ only.
http://deluxe-menu.com/browsers-info.html

Q: I think I followed the instructions on FAQ to center my drop down menu js but it still will not center. Can you help?

A: You can use different colors for each item and subitem of the drop down menu js
You should use individual item styles.
More info you can find here:
http://deluxe-menu.com/individual-item-styles-info.html



Q: How does one go about changing the parameter or the JavaScript so that a vertical menu selection stays 'on'? In other words, the vertical menu remains selected, perhaps in a background color that shows the user this menu choice is selected and the user is in the selected menu area.

A: To save your navigation path you should set the following parameter:

  var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

  var pressedItem = -2;
The toggle mode. 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-level menu.
- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=2;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html

Q: Do you have a product that serves as a cascading drop down menu where you can override the width of the display?

A: You can use "smart scrolling" feature in this case for the Deluxe Menu.
To disable/enable the "smart scrolling" for the main items and submenus use the following javascript scrolling menu parameters:

  var smSmartScroll = 1;
  var topSmartScroll = 1; (works if   var menuWidth isn't empty)

You can also specify height and width for each separate submenu using the following menu parameters:

  var smWidth = "100px";
  var smHeight = "300px";
Buy Now!   ::  Free Trial Download   ::  More Info