Drop Down Menu With Scroll by Deluxe-Menu.com
Drop Down Menu With Scroll

Menu Screenshots

Drop Down Menu With Scroll Create Pop Up Menu

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your drop down menu with scroll 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 drop down menu with scroll samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Crear Menus Html Drop Down Menu With Scroll
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
Cost Effective
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.

  • 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: I would like to call a popup window (created in Deluxe Truner) from a deluxe menu item.

A: You should add the code for popup window on your html page with the menu:

<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2006, DeluxePopupWindow.com -->

Inside menuItems you should open the window in the following way:

["Click to open Popup Window","javascript:deluxePopupWindow.open('window1', 'http://deluxepopupwindow.com', 'Popup window',
'width=420,height=300,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite','iframe')",
"", "", "", "", "0", "", "", "", "", ],

More info about deluxePopupWindow.open() method you can find here:
http://deluxepopupwindow.com/window-installation-info.html



Q: A few of my users have reported issues with the menu like the one below. Where the drop down menu is just a white box with a little scroll bar in it. Can you please let me know how I might correct it or what is wrong? We are using version 2.4.


A: I've just checked your website. It works fine.

You can have such effect when the page entirely was not loaded yet. So, images were not loaded yet.

If you don't want to have such effect you can try not to use back images for the submenus.


Q: I regret to inform you that I have not fail understand, how can change place of the icon in software Deluxe Tuner(Menu).


A: You should add icons for the item in the "Item Parameters" window.

Now you have:
  var arrowImageMain=["vertikalno menu.files/icon_office_tuner2.gif","vertikalno menu.files/arrv_black.gif"];
  var arrowImageSub=["vertikalno menu.files/arrv_black.gif","vertikalno menu.files/arrv_black.gif"];

But you should add "vertikalno menu.files/icon_office_tuner2.gif" iconin the "Item Parameters" window.

So you will have in your menuItems
  var menuItems = [

["New Item","testlink.html", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","http://deluxe-menu.com/order-purchase.html", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , "_blank", , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","testlink.htm", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],


Q: How can I vary the width of the individual items on the main bar for the javascript menu?

A: You can use Individual Styles to set the width for the menu items.Please, use Deluxe Tuner to create your individual styles.

You should write for example so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];

  var menuItems = [
["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],
 ["|XLCubed Edition","pro_excel.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Web Edition","pro_web.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|TM1 Connection","tm1Connection.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Downloads","downloads.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , , , , , ],
["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],
 ["|Online Demos","onlineDemos.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],
 ["|Customer Center","customer.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Partner Center","partnerCenter.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , , , ],
 ["|Documents","documents.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Technical Specs","techSpecs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Training","training.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self","3", "1", , ],
["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],
["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],
 ["|History","history.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Contact Us","contactUs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
];