Image Based Dropdown Menus by Deluxe-Menu.com
Image Based Dropdown Menus

Menu Screenshots

Image Based Dropdown Menus Javascript Menu Drag And Drop

Features

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed image based dropdown menus samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Html Rollover Menus Image Based Dropdown Menus
Easy Setup
  • De Luxe Tuner. GUI interface to create your image based dropdown menus menus easily and in no time
  • Sensible menu parameters for manual editing
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
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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: How to set the icon vertically top when the menu in dhtml text is wrapped?

A: Unfortunately it is not possible to align icon vertically now.
But you can do it using html code within menu in dhtml items, for example:

  var menuItems = [


["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'> &nbsp;Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'>&nbsp;&nbsp;Product Info hgdgfjh &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaa aaaaaaa &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaaaaaaaaaaaaaaaaaa &nbsp; &nbsp; aaaa","", "", "", "", "", "", "", "", "", "", ],



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.



Q: I still am having no luck with Firefox showing an Incorrect Copyright nag (Again, just Firefox for Mac; no problem with other browsers.)

Also, I am still requiring a long delay to keep the pop-up window open from loading as the page loads. Script reads:

deluxePopupWindow.attachToEvent(win,'openAfter=,,onClick=Image2,,,') }, 'load')

A: Delete 'openAfter=' at all from deluxePopupWindow.attachToEventfunction (in all files):

deluxePopupWindow.attachToEvent(win,',,onClick=Image2,,,')
deluxePopupWindow.attachToEvent(win,',,onClick=Image21,,,')
deluxePopupWindow.attachToEvent(win,',,onClick=Image22,,,')
deluxePopupWindow.attachToEvent(win,',,onClick=Image23,,,')
deluxePopupWindow.attachToEvent(win,',,onClick=Image24,,,')

In that case popup windows won't show till you click on the images.

You should write NOSCRIPT tag in the following way:

<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>

I've just checked it. There is no nag message in Firefox in that case.But notice that you won't have nag message on your website only. On alocal machine you'll have nag message.



Q: I evaluated Deluxe Menu over the weekend and I really like it. I believe I'll be buying it this week. I have one question. Is it possible for the menu to be aware of what page you have selected and highlight the corresponding menu item on that page.


A: You should set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.