Template Menu Vertical Dynamique by Deluxe-Menu.com
Template Menu Vertical Dynamique

Menu Screenshots

Template Menu Vertical Dynamique Menu Bar Scripts Navigation

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
Cost Effective
Javascript Rolldown Information Template Menu Vertical Dynamique
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your template menu vertical dynamique menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

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!

Recent Questions

Q: I have implemented a deluxe-menu on my client's website and I had a couple of questions.

1. Can I control how fast the submenus scroll in my javascript menu examples? If you look at the site and hover over Need An Expert? on the menu and then point to Practice Areas, this submenu seems to scroll slower than if you mouse over "Technology" and scroll that submenu. The Technology submenu scrolls a lot faster. Is it because there are many more items in the Technology submenu? I tried to find a setting for "scroll speed" or the like, but I couldn't find it.

2. In internet explorer, when you mouse over Need An Expert?, Technology the first time you go to the page, there is a 3-4 second delay before the submenu opens. There are a lot of submenu items under Technology, but in Firefox, there doesn't seem to be this delay. Do you know why this would happen in IE? Is there a way to fix it? Could the problem be that each submenu item has a background graphic and this is causing the delay?

3. When you get to a page on the site and you rollover the top level menu, there is also a delay before the background image of the menu items shows up. You get a solid blue background color for a second or two (the bgcolor assigned) and then the graphic loads and shows up. Is there any way around this? I have a javascript to preload the image (back.jpg) but that doesn't seem to help.

Any help would be greatly appreciated!!!

A: 1. The scroll speed depends on number of items to be scrolled, more items -> faster scroll.
You can decrease the number of items or enlarge the size of submenu.

2,3. Please try to add the following param:

  var dm_writeAll = 1;

It will load all backgrounds on page load, no on mouseover.



Q: I couldn't understand where to put copied SE Friendly code for the dhtml top menu.

A: You should generate search engine friendly code and install it on yourpage in the beginning of the BODY tag.

Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).



Q: How can I get an image to be a separator in between items on my css vertical drop down menu?

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 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: Well I figured all of that out but now I have a new problem.The content of the textarea tabs is not displaying in IE.

A: See, it is not correctly to use submenus in tabMode=0.

Now you have:
  var bmenuItems = [
["Why Choose Frictionsweb?","content1", "", "", "", "Why choose Frictionsweb Premium Internet Services?", "", "", "", ],
 ["|Our Services","content2", "", "", "", "We handle your project from the ground up!", "", "", "", ],
];

  var bmenuItems = [
["Specials","content3", "", "", "", "Great Deals from Frictionsweb!", "", "", "", ],
 ["|Our Services","content4", "", "", "", "We handle your project from the ground up!", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];

Try to write your bmenuItems in the following way:
  var bmenuItems = [
["Why Choose Frictionsweb?","content1", "", "", "", "Why choose Frictionsweb Premium Internet Services?", "", "", "", ],
["Our Services","content2", "", "", "", "We handle your project from the ground up!", "", "", "", ],
];

  var bmenuItems = [
["Specials","content3", "", "", "", "Great Deals from Frictionsweb!", "", "", "", ],
["Our Services","content4", "", "", "", "We handle your project from the ground up!", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];