Javascript Slidedown Menu by Deluxe-Menu.com
Javascript Slidedown Menu

Menu Screenshots

Javascript Slidedown Menu How To Make Tab Menu

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript slidedown menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Treemenu Javascript Javascript Slidedown Menu
Cost Effective
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: I have the dynamic dropdown menu working perfectly on the main page of the website, but when I try to install it onto html files that appear in subfolders of the site, the images do not appear. I have put ../ before all the links I can find and have the following codes placed in my file, what am I doing wrong?

A: You can use additional parameters to make dynamic dropdown 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: When using the Deluxe-Tabs, the second tab seems to be the first selected tab when displaying tabs in a page. Is there a way to set the default tab showing on a page load?


A: You should use the following parameter:

  var bselectedItem = 3;

Where 3 is the number of your menu item from the   var bmenuItemsparameter.
  var bmenuItems =
[
["Mac Tab 1", "content1"],
["Mac Tab 2", "content2"],
["Mac Tab 3", "content3"],
["Mac Tab 4", "content4"], // selected tab

];
The ID of the item starts with 0.
Try that.


Q: I would like to know how to put items in on multiple lines for the horizontal navigation
(i.e. create a line feed), how do I tell my code to start a new menuitem on the NEXT line?

A: There are 2 ways to do that:

1) set

  var noWrap=0;

2) use <br> tags, for example:

  var menuItems = [
 ["|Here is where <br>I would like <br>to have a line<br> feed",,"","", "", "", "", "", "", "", "",],
];



Q: We'd tried the useIFrame = 1 as well and the issue is fixed but the IE6 shows a "non secure objects over a secure connection" message, it worries me because on one side the problem is solved but on the other hand it generates confusion.

As an alternative we're planning to use the Deluxe navigation tree in order to avoid these overlapping problems, but it doesn't show up in IE7 over W2K3 R2!!

We requiere your support to use either the Deluxe Tree or the Deluxe Menu,

I'll look forward your kind answer.

A: Deluxe navigation tree works fine in IE7.

Try to set width and height parameters:

  var tmenuWidth="230px";
  var tmenuHeight="auto";