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

Menu Screenshots

Jquery Iphone Horizontal Slider Javascript Tree Dropdown

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
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
Fixed Width Drop Down Menu Jquery Iphone Horizontal Slider
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
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



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'm having trouble getting some of my drop down menu scripts opening in the frm2.

If you look under products, then Hard drives, then Rugged Airborne .....this one and Rugged Ground will not open in frm2 but the Contact Us and Get Quote are working fine.
Can you help me get these things to open in a frm2.


A: You should write your menu items correctly.
Now you have

   ["||Rugged Airborne","../RuggedAirborne.htm","Airborne,"frm2","0", ],
   ["||Rugged Ground","../RuggedGround.htm","Ground","frm2","0", ],

it is not correct.
You should write:
   ["||Rugged Airborne","../RuggedAirborne.htm","","","Airborne,"frm2","0", ],
   ["||Rugged Ground","../RuggedGround.htm","","","Ground","frm2","0", ],


Q: Currently the links of javascript tab control open in a _blank browser, how do I change this?


A: You should set the following parameter:

  var bitemTarget = "_self";

You can set it using Deluxe Tuner. You can find this parameter in theTab-Mode section.


Q: When the html tab menu is initialized can you not have any selected tabs?
I do not want to select any tabs when the menu is initialized for some cases.

A: No, unfortunately it is not possible. Some top item should behighlighted.

But you can try to add separator in the beginning of the menu and set:
  var bselectedItem=0;
  var bseparatorWidth="0px";

  var bmenuItems = [
["-",],
["   Deluxe Menu","content1", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
["   Deluxe Tree","content2", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
["   Deluxe Tabs","content3", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
["   Contact us","content4", "img/icon_mail.gif", "img/icon_mail.gif", "img/icon_mail.gif", "", "", "", "", ],
];




Q: 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 menu tabs in css,
and I need to be able to insert my content for each tab.

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

See, for each item you should assign the ID property of the content
DIV (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">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>