Jquery Iphone Style Menu by Deluxe-Menu.com
Jquery Iphone Style Menu

Menu Screenshots

Jquery Iphone Style Menu Javascript Create Menu From Array

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery iphone style menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Styles Html Frame Separators Jquery Iphone Style Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery iphone style 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
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

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: I'm using the deluxe-menu software on a asp.net 2.0 site that utilizes master-pages. On everypage that is in the root directory the javascript for menu loads fine, but if the page is up a directory the main images for the menu don't display.

Have you had any customers with this same problem? If so any help you could offer would be appreciated, thanks!

A: Try to use absolute paths, for example:

<script type="text/javascript">  var dmWorkPath = "https://www.watchguardsales.com/menu.files/";</script>
<script type="text/javascript" src="https://www.watchguardsales.com/menu.files/dmenu.js"></script>
<script type="text/javascript" src="https://www.watchguardsales.com/menu.js"></script>

and in your data file set:

  var pathPrefix_img="https://www.watchguardsales.com/images/";
  var pathPrefix_link="https://www.watchguardsales.com/";


Q: The window pops up every time I load the screen.
I want dhtml pop up window to pop when someone clicks.

A: You can specify the ID of the element you want to click on.
Actions sections in Deluxe Tuner, onClick parameter.

1) You can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you have:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>

So, in Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,
onClick or onMouseOut fields.

Actually you can assign id to any object on your page:
add id="open_popup" for <a>, <div>, <img> ... tags.

2) You can also use deluxePopupWindow.open() function to open the popups.

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

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.

If you want to open several windows at once use different id's for each link.



Q: How I can make paths for images and links in my DHTML MENU absolute?

A: 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 in your DHTML MENU.



Q: How do you created a multiple column for only one menu item.


A: More info about multicolomn menu you can find here:

http://deluxe-menu.com/multicolumn-menu-sample.html