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

Template:

Adobe Style Template - Sliding Menu







    - Transition #14 - "fade out" effect
    - Search feature - add the search area in the menu and type symbols.
    - Image arrows
    - Top items and submenus have a shadow
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Sound support!
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus dropdown on mouseover




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

Menu Screenshots

Jquery Iphone Type Menu Dhtml Web Menu

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery iphone type menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Javascript Mouse Over Jquery Iphone Type Menu
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
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
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



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

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: In IE7 I see the deluxe-menu.com link on the top and no javascript navigation menu on my page.

A: Your browser has JavaScript option disabled.
It means that no one JavaScript element can be run.
You should to enable JavaScript in IE:
Tools -> Internet Options -> Security -> Custom level... -> Scripting -> Active Scripting = Enable

There is no way to enable these preferences automatically, in other
case there are no reasons to create security preferences.
You can use search engine friendly code, so you'll see all your
links (for the main items and submenus) when your security settings in IE doesn't allow Javascript.

You can generate search engine friendly code.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a&tg;
...etc.
</div>

To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


Q: The problem I am having is specfically on the home page. The Navigation dhtml horizontal menu is at the top of the page. There are also Flash documents on this page only. When you go to the dhtml horizontal menu and select and option that has Sub-Items and position your mouse over those items, when the menu expands to show all of the text, it is cut off on theright side, this only occurres when there is a flash document behind the menu. All of the other pages work fine.

Do you have any idea why this occurrs? I have tried several things to fix this, but no luck. Is there a fix for this?

A: Try to set exact width for your sub menus. You can do it usingIndividual Submenu style:

  var menuStylesNames=["Top Menu","width1","width2",];
  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=0","itemPadding=5px 6px 5px 6px"],
["smWidth=100px"],
["smWidth=210px"],
];

 ["|Modifieds ","mods.html", "", "", "", "_parent", "", "1", "", "", "", ],

 ["|Amateur Winter Race Bonnanza","http://triovalspeedway.vflyer.com/1/index.html", "", "", "", "", "", "2", "", "", "", ],



Q: I just need to know if there is a way of establishing the width at "runtime" in the javascript dynamic menu so that my frame in my frameset can be widened accordingly.

A: There are no special parameters for menu dimensions.
But you can use submenu IDs. For example, top-menu has ID"dmXXXm0"

Where XXX - menu index. So, first menu on the page has ID "dm0m0".
So, you can determine menu dimensions so:

document.getElementById('dm0m0').offsetWidth
document.getElementById('dm0m0').offsetHeight

You can also use Javascript API functions to take submenu IDs.



Q: I am a web developer and evaluating your product using the Trial Version. I created navigation bar using your application (see attached files). Simple drop menu appears to be displaying OK (centered) when using Internet Explorer 7.0, but I can't move it below the header. Also when I access the same sample page using FireFox Browser, the Navigation Bar aligns on the Top-left. Ideally, the navigation bar shall be displaying below the header and centered.

Can you help please?

A: You are using absolute position for the menu now. You should userelative position if you want to center your menu. Set the followingparameter:

  var absolutePos=0;



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