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

Template:

Coffee Menu Template - Dropdown Html Menu






    - Submenus automatically scrolls
    - Horizontal or vertical orientation
    - Filters and Transitional effects
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Cross-frame support - menus work on frameset-based pages
    - Personal CSS styles for separate menu elements
    - Transition #14 - "fade out" effect
    - Inactive/Disabled items




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 Multiple Cross Frame

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 jquery iphone type menu menus easily and in no time
  • Sensible menu parameters for manual editing
Menu Flyout Jquery Iphone Type 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 jquery iphone type menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How do I get the content to refresh when I click on a tabs javascript?
On the following URL how did you get the body content into eachtab?


A: See, for each item you should assign the ID property of the content DIV.

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>


Q: I recently upgraded to the new version. Now I am having a problem with the javascript navigation width. I have the main menu set it 98% using the Deluxe Tuner but it only shows it on my web page at about 25%. I can’t seem to get it to change. I have opened the js file and it is showing 98% but still showing at 25% on web page. I am using a floatable horizontal menu with submenus. Can you think of anywhere else I need to check/check a width setting?

A: Check that you haven't set itemWidth parameter in your styles, for example:

  var itemStyles = [
["itemWidth=150px"],
];

Q: My Deluxe Menu works super.

Anyway, I would like to make it more comfortable for my users.

So, I would like to know if it possible to create a "Multicolumn Menu"

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

and separate define which submenu should be multicolumn and wich one looks "normal".

In your example all menu options which have submenus become multicolumn-look.

Is it maybe also possible to create such Multicolumn-look?

Group_01       Group_02       Group_03
    - xxx             - xxx             - xxx
    - xxx             - xxx             - xxx
    - xxx             - xxx             - xxx
Group_04       Group_05       Group_06
    - xxx             - xxx             - xxx
    - xxx             - xxx             - xxx
    - xxx             - xxx             - xxx


A: Yes, you can create such menu.
You can create "normal" items using separator.
     ["|-","testlink.htm"],

Please, see the attached example.


Q: Why is the submenu a different colour has a different colour than menu items - surely that's not an IE specific feature? The top-level menu items seem to be a different size too, so the layout in IE looks more even.

A: Submenus has a different color because they have a transparency:

  var transparency="90";

Set it to 100.

Submenus also have larger width than top items because they containsmore text. If you want to wrap the text, use
tag between item words.



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