Java Drop Down Menu Example by Deluxe-Menu.com
Java Drop Down Menu Example

Template:

Adobe Style Template - Sliding Menu







    - Submenus dropdown on mouseover
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Personal CSS styles for separate menu elements
    - Relative/Absolute menu position
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Text aligned to left
    - Image arrows




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

Menu Screenshots

Java Drop Down Menu Example Website Menu Style

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

Features

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
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!
Javascript Examples Menu Bar Java Drop Down Menu Example
Easy Setup
  • De Luxe Tuner. GUI interface to create your java drop down menu example 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 java drop down menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I need a way to change tabs with buttons AFTER THE PAGE IS RENDERED. This means bselecteditem is useless to me at this point.

I want to have a button called NEXT on TAB 1, and when you press that button, it switches you to TAB 2. Likewise on TAB 2 I want to have a button called NEXT that when pressed will switch you to TAB 3.

I don't want to have to post back to the server to make this work, I want a way of Javascript to change the tab indexes.

How can I do this?


A: Try to use the following function:

LTb0(menuN,itemN);

menuN - menu ID, starts with 0
itemN - item ID, starts with 0


Q: I'm trying to position my menus inside absolutely positioned <DIV> tags. If the <DIV> tag has style="position:absolute; top:100px; left:50px;" in the actual tag, deluxe-menu seems to work correctly. If I have the "position:absolute; top:100px; left:50px;" in a <STYLE> tag or a linked stylesheet and applied using id or class selectors, then deluxe-menu does not work correctly: sub menus have a 100pixel offset in the y direction and a 50 pixel offset in the x direction. This is with no change to the .js data file (I have absolutePos=0;) Is this a known issue, and is it planned to be fixed?


A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.

Please, try to add your

css file -> inline css, for example:

For example, you should add style="position:absolute;"

to the

<DIV id=head>

So, you'll have:

<DIV id=head style="position:absolute;">
Now we have only such solution for this problem.
We'll try to fix this problem in the future versions.


Q: Using the example menu you have, how do i make the sub-menu for the 'Sample' menu item a multi-column and leave the 'Product Info' menu item as is.
I only want certain sub-menus to have multi-columns. I don't want all menu items to have a multi-column sub.


A: Please, see the attached example.
You should use individual styles.

  var menuStyles = [
    ["smColumns=2"],
    ["smColumns=1"], //style 1
];

...
   ["More Samples","testlink.htm"],
      ["|Group 1","", , , , , "3", "1", , ], //assign style 1

Try that.


Q: Why when an image is added to the parent javascript layer menu (bar) breaks in two...

I just purchased it today.

A: See images in Vista Templates have the fixed width and height (92 x 21).

If you want to change items' width/height you should change images.

btn_cyan.gif
btn_cyan2.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

You should also change items width in your Individual Item Style.

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px
Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];

You can do it in Deluxe Tuner.



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