Javascript Menus Horizontal by Deluxe-Menu.com
Javascript Menus Horizontal

Template:






    - Submenus automatically scrolls
    - Submenus go over all page objects
    - Transition #14 - "fade out" effect
    - Submenus dropdown on mouseover
    - Text aligned to left
    - Horizontal or vertical orientation
    - 85% transparency for sub menus
    - Hundreds of pre-designed templates




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

Menu Screenshots

Javascript Menus Horizontal Create Pull Down Menu

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

Features

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!
Cost Effective
Menu Width Javascript Menus Horizontal
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menus horizontal 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



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

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I did not make anything complex - simply added a couple of menu items. As you may see the java swing popup menu being expanded overlaps with the rest of the table. I guess I am just not doing something right since it is a trivial case ...

A: Now you're using absolute position for the menu:

  var tabsolute=1;

You should use relative position.



Q: I am evaluating your Deluxe Tuner / Tab program and was wondering how to add content below the tabs, like you have on your site.

You have the tabs, then a content area below each tab. How is this done with your product.


A: You should use ID attribute of object to show in the second parameterof bmenuItems. You set it in the "Item Parameters" window ("Link"parameter).

You should also set:
  var tabMode = 0;

So, you'll have, for example, the following bmenuItems:
["tab text","div1", ...],
["tab text","div2", ...], Here "div1" and "div2" is IDs of objects within your html page, for example:
<div id="div1">text 1</div>
<div id="div2">text 2</div>

You can also see examples, which you can find in the trial package.


Q: I'm a registered user. I'm looking to make a space between dhtml cross browser menu buttons, I checked the FAQ which suggested using ["-"], between items but it didn't work. It deleted the dhtml cross browser menu items below it. I'm looking to put a space between

   ["||All Images","gallery_all.html", , , , "_self", , , , ],

and

   ["||Pricing & Ordering Info","gallery_pricing.html", , , , "_self", , , , ],

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical dhtml cross browser menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in Deluxe
Tuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],

   ["||-"],

   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],



Q: Is there a way to specify certian font styles escpecailly a hanging indent on the text of the javascript menu scroll?

A: You should use Individual styles, for example:

  var itemStyles = [
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"], // style 0
["fontStyle=normal 12px Arial,Helvetica", "fontDecoration=underline,underline"], // style 1
["fontStyle=normal 14px Arial,Helvetica", "fontDecoration=none,none"], // style 2
];

And assign styles to your items:

  var menuItems = [
["1 Item","index.php","","","","_self","0",,,],
["2 Item","","","","","_self","1",,,],
 ["|Submenu Item","","","","","_self","2",,,],...



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