Html Floating Menu Sample by Deluxe-Menu.com
Html Floating Menu Sample

Menu Screenshots

Html Floating Menu Sample Javascript Floating Arrows Scroll

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your html floating menu sample 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 html floating menu sample samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Create Dropdown Menu With Javascript Html Floating Menu Sample
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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: Html code drop down menu is not displayed in IE 7 when integrated in our application.

A: Try to set exact width for the html code drop down menu, for example:

  var menuWidth="300px";



Q: Can I use drop down navigation menu using subfolders? I am trying to build amenu system but the website contains a lot of subfolders.


A: Yes, you can use deluxe-menu on the site with a lot of subfolders.

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.



Q: In IE 6.0 and Firefox 1.5.0.4, the dropdown submenus are not visible and it does not float in firefox (floats in IE but no submenus) whereas in Opera 8.53 and Opera 9 it works fully.


A: Now you have two entries of dmenu.js file on your site in the <head> and <body> tags.
You must have only one entry of dmenu.js file.
You should write so:

...
<body>

<script type="text/javascript">  var dmWorkPath = "http://www.gaurangapada.org/data.files/";</script>
<script type="text/javascript" src="http://www.gaurangapada.org/data.files/dmenu.js"></script>

</body>

Please, delete the same code from the tag.

Now you have:
  var transparency="0";
That is why you can't see your subitems.

Please, write, for example, so:
  var transparency="80";


Q: Last, I couldn't solve the issue I meet when I set up a long name for an dhtml side menu item: next item overlaps. Is it possible to specify the width of an item?

A: You can try to use the following dhtml side menu parameters to use combinedbackground for your items:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif