Javascript Floating Menu Bar by Deluxe-Menu.com
Javascript Floating Menu Bar

Template:

Dark Blue Rounded Template - Javascript Menu Bar






    - Items with icons
    - Top items and submenus have a shadow
    - Unlimited number of sub levels
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Horizontal or vertical orientation
    - Submenus go over all page objects
    - Several menus on one page
    - Sound support!




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

Menu Screenshots

Javascript Floating Menu Bar Popup Menu Css

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript floating menu bar samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Position Dhtml Scrolling Javascript Floating Menu Bar
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript floating menu bar menus easily and in no time
  • Sensible menu parameters for manual editing
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
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Do I need to replace the menudir/ in the code with the name of the folder I have placed the .js files?


A: Yes, you should change the name of the folder.

If you have, for example such file structure:

deluxe-menu_files/
    dmenu.js
    data.js
images/
html_pages/
    page1.html
    page2.html

index.html

So, you should install your menu in the following way:
<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "deluxe-menu_files/";</script>
<script type="text/javascript" src="deluxe-menu_files/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
</head>

<body>
<script type="text/javascript" src="deluxe-menu_files/data.js"></script>
</body>
</span>

Q: Could you please explain how to increase the height of our javascript menu submenu links to 18 or 20 px each?

A: You can create Individual submenu style and assign it to the firstitem in each submenu.

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=1","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
["itemPadding=5px 2px 5px 2px"],
];

  var menuItems = [

["Advanced Taser Guns","http://www.defenseproducts101.com/tasers.html", "", "", "", "", "0", "", "", "", "", ],
 ["|Advanced Taser Guns","http://www.defenseproducts101.com/tasers.html", "", "", "", "", "", "1", "", "", "", ], //assign style



Q: The mentioned effect occurs even when the entire page is completely loaded!

As we explained before, it occurs only when we view the page with explorer 6.

(It is working fine under explorer 7 and under Firefox, so you should check it under explorer 6)

Please see the following link with our test page which demonstrates the problem.

As you will see, the buttons of the javascript menu scroll and the text will disappear (become white) while you move the mouse cursor over the menu buttons. It has nothing to do with page loading.

We are using a "Vista style" javascript menu scroll with custom design pictures.

A: This is IE6 bug.

You can find more info about this bug and solution here:

http://dean.edwards.name/my/flicker.html



Q: How I make to insert a code java in the event on click of the button "Ok", when this button is simple tree view?

A: You are able to paste any html code within items.

For example:

  var tmenuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'>
<nput name='as_q' value='searchthe web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","",
"images/icons/search.gif", "", "", "", "", "", "", "", "",],

You should write your own code within tmenuItem.



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