Styles For Jump Menus by Deluxe-Menu.com
Styles For Jump Menus

Template:

Olive Menu Template - DHTML Navigation Menu






    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Filters and Transitional effects
    - Horizontal or vertical orientation
    - Transition #14 - "fade out" effect
    - Top items and submenus have a shadow
    - Status string shows item labels
    - Cross-frame support - menus work on frameset-based pages
    - 85% transparency for sub menus




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

Menu Screenshots

Styles For Jump Menus Create Simple Vertical Style Drop Down Menu

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed styles for jump menus samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Menu Generator Styles For Jump Menus
Easy Setup
  • De Luxe Tuner. GUI interface to create your styles for jump menus menus easily and in no time
  • Sensible menu parameters for manual editing
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
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.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have been evaluating your dhtml-tree product, for a potential use.

It does just about every thing I want apart from 1 thing:

I want each css dropdown menu item to (optionally) support the following syntax:

<a href="menu_link.html" onClick="return fnClickedLinked()">Menu Link</a>

I have worked out how to change the "menu_link.html", and also that it could be something like "javascript:fnClickedLinked()".

However I want the above syntax, where search engines can pick up the link and if my function returns false, the link is not followed when clicked.

Is this possible?

Or can I cancel the link navigation using the tree API node click event??

A: Actually you can add the html code inside item's text:

 ["|<a href="menu_link.html" onClick="return fnClickedLinked()">Menu Link</a>","", "", "", "", "Tip", "", "", "", "", ],

You can also try to use API function:

function dtreet_ext_userClick (itemID)
http://deluxe-tree.com/functions-info.html

Q: I need to include backgroundimages for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.
Any solutions for this problem?


A: Now you have such paths for all your images data.files/image.gif

  var itemStyles = [
["itemWidth=128px","itemBackImage=data.files/nav01_off.gif,data.files/nav01_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav02_off.gif,data.files/nav02_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav03_off.gif,data.files/nav03_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav04_off.gif,data.files/nav04_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav05_off.gif,data.files/nav05_off.gif"],
];

But you don't have images in "data.files/" folder. That's why youcan't see them.
Please, check all your paths.

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";




Q: I'm currently experimenting with your script which I far more performant than any of the other I have tried so far, so we will probably go with yours and get a distributer license.

I do have a problem though...

I have two menus on my site.

Unfortunately, as they are being used, if you go over the first item in the left menu, it will show its submenu at the top; if you go over the first item of the top menu, it will also show the contents of the second menu...

How can we change this?


A: Installation of your menu is not correct.
See more info about installation here:
http://deluxe-menu.com/installation-info.html

There is no
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
parameter on your page.

Notice also that you should call dmenu.js file only once and then callyour data files.
Now you have two calls of dmenu.js file.


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