Dropdown Dhtml Horizontal Img by Deluxe-Menu.com
Dropdown Dhtml Horizontal Img

Template:






    - Transition #14 - "fade out" effect
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Inactive/Disabled items
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Filters and Transitional effects
    - Several menus on one page
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Dropdown Dhtml Horizontal Img Javascript Slide Menu Coding

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

Features

Cost Effective
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
Horizontal Menu Frame Dropdown Dhtml Horizontal Img
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dropdown dhtml horizontal img samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your dropdown dhtml horizontal img menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am trying to placed a separator image in between each item in my css vertical dropdown menu. I have placed the image in the seperator field and it will not display. How can I get an image to be a separator in between items on my css vertical dropdown menu?

A: To add a separator you should

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

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

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



Q: I try to find things out.

What is the difference between itemStyles and menuStyles in dhtml menu wizard?

The look likes the same to me.

A: You should assign the menuStyles to the whole submenu (the first item in the submenu).
itemStyles you should assign for each item individually.

See more info here;
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

Q: I would like to reduce or remove the indentation between submenus. That way I can save space for the menu. How can I set indentation?
I would like to change the height of the submenu items (no icons used). How can I do that?


A: Unfortunately, you cannot reduce the indent between main items inXP-Style.

To reduce the indentation between submenus you should set thefollowing parameter:

  var titemHeight=15;


Q: I know I can fix the width of the entire (horizontal) menu. But is there a way to fix the width of each Item in the menu? I would like each Item to be the same width.


A: Please, try to specify units in "px", for example.

  var menuWidth = "600px";

It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

Try to set individual style for item width:

  var itemStyles = [
["itemWidth=120px"],
];

  var menuItems = [

    ["Text1","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text2","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text3","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text4","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text5","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],

...


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