Jquery Iphone Horizontal Slider by Deluxe-Menu.com
Jquery Iphone Horizontal Slider

Template:

Rounded Nav Bar Template - Drop Down Navigation Menu






    - Relative/Absolute menu position
    - Sound support!
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - UL/LI items structure
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Unlimited number of sub levels
    - Submenus dropdown on mouseover
    - Top items and submenus have a shadow




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

Menu Screenshots

Jquery Iphone Horizontal Slider Mouse Over Menu Java

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

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery iphone horizontal slider menus easily and in no time
  • Sensible menu parameters for manual editing
Horizontal Html Menus Jquery Iphone Horizontal Slider
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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery iphone horizontal slider samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I purchased your product yesterday and was quite impressed, but I am having a bit of aproblem with my submenuitems. In the general menu properties there is a "Global" vartitemHeight = 22; My problem is that I would like my upper level of my dhtml tree to have one itemheight and my submenuitems to have a smaller height.Is this possible?


A: In the XP Style
  var tXPStyle=1;
the item's height for the top items and submenus will be different.

If you want to use
  var tXPStyle=0;

you can set ite's height for the submenus:
  var titemHeight=16;

And for other items use the blank icon with the height you want to have for the upper
level of your menu items.


Q: I am using XP style tree menu and would like to have top level menu item with no submenu items. However, the right double arrow icon still show up. Is there a way to hide it for the item without submenu items in css javascript tree menu?

See the attached document, I want to remove the double arrow icon at right for "Mission Statement", "History", "Direction" and "Contact Us".

Any help will be appreciated.

A: You can create Individual XP Style and use it for items with submenus:

  var tXPExpandBtn=["left.files/blank-arrow.gif","left.files/blank-arrow.gif","left.files/blank-arrow.gif","left.files/blank-arrow.gif"];

  var tXPStyles = [
["tXPExpandBtn=left.files/menu-arrow.gif,left.files/menu-arrow.gif,left.files/menu-arrow01.gif,left.files/menu-arrow01.gif"],
];

and assign this style for all top items with submenus:

["Home","", "", "", "", "", "", "0", "", "", ],
["+Company Profile","", "", "", "", "", "", "0", "0", "", ], //style 0
 ["|Item 25","", "", "", "", "", "", "1", "", "", ],
 ["|Item 26","", "", "", "", "", "", "1", "", "", ],
["+Projects","", "", "", "", "", "", "0", "0", "", ], //style 0
 ["|Item 27","", "", "", "", "", "", "1", "", "", ],
 ["|Item 28","", "", "", "", "", "", "1", "", "", ],

Q: There's a 1 pixel white padding around the css drop down menu that I'm trying to remove.

Is it a padding setting -- a margin setting -- a div setting?

A: This is a shadow.

Set the following parameter:

  var shadowTop=0;



Q: Where can I change the font size in the main deluxe menu's (i.e. Products, About, Contact Us)?
Using the deluxe tuner doesn't allow me change this font or the size, so the submenu's are bigger than the top.


A: You can also check Individual Item Styles. May be you set font sizefor the top items using Individual Item Styles.


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