Iphone Dropdown Menu by Deluxe-Menu.com
Iphone Dropdown Menu

Menu Screenshots

Iphone Dropdown Menu Dhtml Popup Fade

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed iphone dropdown menu 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
Drop Menu Template Iphone Dropdown Menu
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your iphone dropdown menu 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

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: I want to use the java mac tabs, but my sub menu has no image like on the table sample on your site.

A: You should assign Individual Style for all subitems:

  var bmenuItems = [

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],




Q: I just bought a developer version but I am having troubles using the javascript rollover menu which is shown right above an embedded flash movie. Although i followed the instructions on the website, i experience major problems using Opera 9.2.0 and Firefox 2.0.0.15.

A: Check that you've set opaque parameter to <object> and <embed> tags.

You can also send us a direct link to your website, so we can check it.



Q: Which parameters do I change so that the background of the top level menu names change their background?


A: If you want to change the background of the top level menu items onlyyou should use Individual Item Styles and change them.

For example, you have:

  var itemStyles = [
["itemBackColor=#8C63D8,#CBB8ED","itemBorderColor=#8C63D8,#CBB8ED"], //style 0
];
  var menuStyles = [
["menuBackColor=#8C63D8","menuBorderColor=#8C63D8"], //style 0
];

  var menuItems = [
["Text;", "link", "", "", "tip", "target", "0", "0"],
["Text;", "link", "", "", "tip", "target", "0", "0"],
];

Where "0", "1" - style number in itemStyles.

Please, use Deluxe Tuner application to create and assign individualstyles. You can find Deluxe Tuner in the trial package.


Q: If is there any way I can give some space between pressed_item and hover item for the rollover menus

A: You can try to specify spacing parameter:

  var itemSpacing=1;

You can also try to use separators.

You should add separator between menu items:
["item","#", "", "", "", "", "", "", "", "", "", ],
["-",],
["item","#", "", "", "", "", "", "", "", "", "", ],

Use "Add Separator button in Deluxe Tuner.

Set separator parameters in the following way:
//--- Separators
  var separatorImage="";
  var separatorWidth="100%";
  var separatorHeight="2px";
  var separatorAlignment="left";
  var separatorVImage="data.files/separator.jpg";
  var separatorVWidth="2px";
  var separatorVHeight="100%";
  var separatorPadding="0px";