Javascript Menu Like Iphone by Deluxe-Menu.com
Javascript Menu Like Iphone

Template:

iPhone 11 Template - CSS Horizontal Drop Down Menu






    - Submenus dropdown on mouseover
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Search feature - add the search area in the menu and type symbols.
    - Submenus go over all page objects
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Relative/Absolute menu position
    - Text aligned to left
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Javascript Menu Like Iphone Javascript Top

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu like iphone samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Dhtml Menu Windows Xp Style Javascript Menu Like Iphone
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
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
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



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How many of the menus (templates) allow for a javascript float menu?

A: Actually all templates can float, you should only set the followingparameters:

  var floatable=1;
  var floatIterations=5;
  var floatableX=1;
  var floatableY=1;
  var floatableDX=15;
  var floatableDY=15;

You can find a javascript float menu sample here:

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



Q: My office-colleague gilles petremand just bought your "deluxe menu" and all-in-all it looks great!!!!

What we don't manage to do is to create a moving java menu sample based on.

Is this only possible with the "ms office toolbar-like mode" 'coz we'd like to use the image based menue template and change it to a moving one - POSSIBLE?!?

A: To create a movable or floatable menu you should set severalparameters in your data file only.

See more info here:
http://deluxe-menu.com/movable-menu-sample.html
To create movable menu you should set the following parameters:
//--- Movable Menu
  var movable=1;
  var moveWidth=12;
  var moveHeight=20;
  var moveColor="#AA0000";
  var moveImage="movepic2x20.gif";
  var moveCursor="move";
  var smMovable=1;
  var closeBtnW=13;
  var closeBtnH=16;
  var closeBtn="closebtn.gif";

http://deluxe-menu.com/floatable-menu-sample.html
To create floatable menu you should set the following parameters:
//--- Floatable Menu
  var floatable=1;
  var floatIterations=6;
  var floatableX=1;
  var floatableY=1;



Q: How can I create an image based tabs with the javascript tabs generator.

A: To use Image templates you should add separators between the items and assign Tab Style for the items.
To make a separator set an Item Text value into '-'.

You'll have the following bmenuItems   var bmenuItems = [
['Item 1','', '', '', '', '', '1', '','', ], //assign Individual Style 2
['-','', '', '', '', '', '0', '', '', ], //assign Individual Style 1
['Item 3','', '', '', '', '', '','', '', ],
['-','', '', '', '', '', '0', '', '', ], //assign Individual Style 1
['Item 5','', '', '', '', '', '2','', '', ], //assign Individual Style 3

;


Q: I need to know how to have the background in the main items of the dynamic menu transparent, and then the sub-menus a different translucent color.

A: To set transparent background for the menu you should set:

  var menuBackColor="transparent";
  var itemBackColor=["transparent","transparent"];

and use Individual Item Styles for your submenus:

  var itemStyles = [
["itemBackColor=#8EE8E1,#26BBB0"], //style0
["itemBackColor=#F4B7FB,#E65AF5"], //style1
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ], //style0
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "1", "", "", ], //style1
   ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
 ["|Parameters Info","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ], //style0
 ["|Dynamic Functions","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "1", "", "", ], //style0
 ["|Supported Browsers","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ], //style0
   ["||Windows OS","", "default.files/icon3.gif", "default.files/icon3o.gif", "", "", "", "", "", ],
   ["||Internet Explorer","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
   ["||Firefox","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
   ["||Mozilla","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
   ["||Netscape","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
   ["||Opera","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
   ["||MAC OS","", "default.files/icon3.gif", "default.files/icon3o.gif", "", "", "", "", "", ],
   ["||Firefox","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],


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