Javascript Css Jumpmenu Style by Deluxe-Menu.com
Javascript Css Jumpmenu Style

Template:

iPhone 8 Template - Collapsible Drop Down Menu






    - Relative/Absolute menu position
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Several menus on one page
    - Horizontal or vertical orientation
    - 85% transparency for sub menus
    - Unlimited number of sub levels
    - Submenus dropdown on mouseover
    - UL/LI items structure




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

Menu Screenshots

Javascript Css Jumpmenu Style Dhtml Menu Editor

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript css jumpmenu style menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Menu Javascript Javascript Css Jumpmenu Style
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!
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 javascript css jumpmenu style 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: When set up link by using Tuner app, it point to different dir.
For example I set to: c:\test(HTMLfolder)\Test Link\IntrAC-DC.swf,
then Tuner sets:    ["|||||Item b SWF","Test Link/IntrAC-DC.swf", , , , "_parent", , , , ],
It does not work until I move linked files to “c:\test(HTMLfolder)\data-samples\Test Link”


A: Try to set the following parameters

  var pathPrefix_img="";
  var pathPrefix_link="";


Q: I do not understand how may I include content in each tab in the , may you send to me examples or more information?

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.
["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],  ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for
example:javascript:alert(\'Hello!\')
So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],


Q: I'm experimenting with the purchased Treemenu. Looks very nice!

A question: When I set the menu width to 200px and the text of the item exceeds this width, text is not wrapped resulting in some strange display. How can I wrap the text in the java menu tree?

I can not simply use extra <br> tags because the data of the items are dynamic (php + MySQL).


A: You should set the following parameter

  var tnoWrap=0;

Try that.


Q: I'm trying out Deluxe Menu with my site, but I've hit a snag with alignment. My menu bar is located at the top of my page, in a 750px-wide div. I'd like to nest the nav menu in that div, but right-align it so the menus are stuck to the right side of the div. Is that possible with your menu system? If so, can you give an example of how I would accomplish it?


A: You can paste your menu in DIV with right alignment.

<div align="right">
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>


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