Iphone Menu Css by Deluxe-Menu.com
Iphone Menu Css

Menu Screenshots

Iphone Menu Css Tab Menu Javascript

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed iphone menu css samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Script Drop Down Menus Iphone Menu Css
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
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
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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I have just purchased your menus and no matter where I place the code, the pull down menu in javascript always appears in the top left of the page, I need it elsewhere obviously but it simply won't move.. How do I do this?

A: You're using absolute position for the menu now. You should userelative position in that case. Change the following parameters:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";


>Kehren Sie zu Neuen Fragen zurück


Q: I've spent the last 30 minutes or so looking for samples on how to create a simple pop up window. I downloaded the trial, put in the html, saved the js file, etc etc. But there is no sample so I can't see exactly how to do the html.

Like, in the tuner it says to enter the ID of the link. What is this? where do I put the onClick code? where can I find the onClick code? There is a lot of info missing here.

Please send a simple template so I can see how a popup is done. Not a menu, just a popup.

A: > But there is no sample so I can't see exactly how to do the html.
You should create the pop up window in Deluxe Tuner and export it in the HTML page "File/Export/To HTML".

See more info about installation here:

http://deluxepopupwindow.com/window-installation-info.html

> where can I find the onClick code?
See you can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you've added an image in your html page. You should specify the ID for it, for example:

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

So, in the 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 manually. You should specify ID's - id="xxxx"for <a>, <div>, <img> ... tags.

If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",


Q: I need your help. I built a menu with your software, and I followed all your instructions on placing it on my web page, but it's not working. The drop down menu in javascript will not go into its table cell. I have a flash banner in the cell above it, and the menu seems to be behind that banner, but the menu is not even inside the table.

I also tried placing the drop down menu in javascript on another page where I do not have a flash banner, but it doesn't show up at all.

A: You've set absolute position for the drop down menu in javascript
  var absolutePos=1;
  var posX="100px";
  var posY="200px";

You should set:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";



Q: I am using your Deluxe Tabs software, and I am simply trying to implement your dhtml menu samples:

http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html

I have downloaded the trial software and built my tabs, but at this point, all I have is the tabs... I need the entire box under the tabs, and I need to be able to insert my content for each tab.

Please explain to me how to use your dhtml menu samples.


A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["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. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" 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>

<div id="contentDescription" 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 description here!!!!!
</div>