Dhtml Top Menu Locked by Deluxe-Menu.com
Dhtml Top Menu Locked

Template:






    - Inactive/Disabled items
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Personal CSS styles for separate menu elements
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Submenus dropdown on mouseover
    - UL/LI items structure
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Cross-frame support - menus work on frameset-based pages




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

Menu Screenshots

Dhtml Top Menu Locked Expand Menu Bar

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

Features

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
Cost Effective
Html Pull Down States Dhtml Top Menu Locked
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
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 dhtml top menu locked 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.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I was wondering how do i add more then five items on the top of the select menu javascript rathere then using a sub menu?

A: Actually you can add as many top items as you want.

Use Deluxe Tuner to add more items or add them in your data filemanually, for example:

  var menuItems = [
["Item 1","whatsnew.htm", "Buttons/whatsnewup.jpg", "Buttons/whatsnewover.jpg", "", "", "", "", "", "", "", ],
["Item 2","test.htm", "", "", "", "", "", "", "", "", "", ],
["Item 3","index.htm", "Buttons/homeup.jpg", "Buttons/homeover.jpg", "", "_parent", "", "", "", "", "", ],
["Item 4","about.htm", "Buttons/aboutup.jpg", "Buttons/aboutover.jpg", "", "_parent", "", "", "", "", "", ],
["Item 5","commserv.htm", "buttons/commservup.jpg", "buttons/commservover.jpg", "", "_parent", "", "", "", "", "", ],
["Item 6","conference.htm", "buttons/conferenceup.jpg", "buttons/conferenceover.jpg", "", "_parent", "", "", "", "", "", ],
["Item 7","lodges.htm", "buttons/districtsup.jpg", "", "", "_parent", "", "", "", "", "", ],



Q: On the left menuline under the a1 link, shall appear the javascript menu div, but after several refreshes, nothing happens.
On the local computer, the javascript menu div is working perfectly!

Can you send me instructions, why this problem appears?

A: You've placed the javascript menu div in

<TD class=sidebar vAlign=top width=160>

tag with the following styles:

.sidebar TR {
DISPLAY: none! important
}
TD.sidebar IMG {
DISPLAY: none
}
.sidebar TABLE TR TD IMG {
DISPLAY: none
}
.sidebar TABLE TR TD {
DISPLAY: none}

That's why you cannot see the javascript menu div. Delete "DISPLAY: none" propertyfrom the style.



Q: Is there some chance to use calling of JScript function from Item of deluxe menu?

Something about:

  var menuItems = [
["Calling alert","alert ('Hello');", "icon_win98_1.gif", , , , , , , ]
];


A: Thanks for your interest in our products.

You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];


Q: How do I create more space between the menu items?

I have tried adding to the Item Appearance, itemSpacing and itemPadding.


A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

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

You can also use this parameter:

  var itemPadding = "4px";

You can also set multiple values, for example:

  var itemPadding = "2px 15px 5px 5px";

(top, right, bottom, left)


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