Iphone Web App Horizontal Menu by Deluxe-Menu.com
Iphone Web App Horizontal Menu

Template:

Youtube Style Template 2 - Drop Down Navigation Menu







    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Image arrows
    - Several menus on one page
    - Submenus go over all page objects
    - Horizontal or vertical orientation
    - Submenus dropdown on mouseover
    - Inactive/Disabled items
    - Filters and Transitional effects




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

Menu Screenshots

Iphone Web App Horizontal Menu Javascript Mouse Over Expand

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

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your iphone web app horizontal menu menus easily and in no time
  • Sensible menu parameters for manual editing
Mouseover Drop Down Menu Tutorial Iphone Web App Horizontal Menu
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 iphone web app horizontal menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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

Recent Questions

Q: I'd like to buy a template for creating a basic vertical javascript popout menu that is image based. Can you tell me which of your products I should consider buying? I'm familiar with html, but not other programming languages.

A: If you want to create javascript popout menu you should buy Deluxe Menu,
http://deluxe-menu.com

See the example here:

http://deluxe-menu.com/image-based-menu-sample.html

You can also use your own images for the menu items.
If item text is empty, icon fields will be used as item images.
For example:
["", "index.html", "itemImageNormal.gif", "itemImageOver.gif", "Home Page"]

Please, try the trial version at first. It has full functionality.



Q: Very interested by your product.I want to know, before buy, if I can call javascript function when the user click on a items in the horizontal drop down menu?

A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];

Q: Is the menu floatable?
I try the setting "float" but no change


A: You can't see floatable or movable effect in Deluxe Tuner preview.
But when your install your menu into the .html page it'll work fine.

Notice, when you use floatable menu you can't use relative menu position.
So, if you use

  var absolutePos = 0;

and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.


Q: I have menus generated by you deluxe menu package . They look fine on all my computer but look bad on my friends computer.
Can this be fixed?


A: Thanks for your interest in our products.

Try to specify all units in "px", for example:

  var menuHeight="22px";

Try to set exact width for menu item
  var menuWidth="736px";

Try also not to set
  var smWidth="0";
  var smHeight="0";

Please, see the attached data file.

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.


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