Template:

Google Style Template - Dhtml Pop Up Menu

    - Top items and submenus have a shadow
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Transition #14 - "fade out" effect
    - Cross-frame support - menus work on frameset-based pages
    - Items with icons
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus dropdown on mouseover
    - UL/LI items structure

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

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

Menu Screenshots

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

Features

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed css vertical acordeon menu template samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

Cool Dhtml Menu Css Vertical Acordeon Menu Template

Easy Setup

De Luxe Tuner. GUI interface to create your css vertical acordeon menu template 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

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

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

Javascript Menu. DHTML Menu.

Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

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

Recent Questions

Q: I need the flyout menus in the flash navigation bar to be able to be different widths.

A: Actually the submenu width is depend on the item's size.
You can alsowrap item's text.
Set var noWrap=0; or use standard <br> tagsinside items' text:

["|very long text <br> in Item 14","", "", "", "", "", "3", "1", "", "", "", ],

You can set exact width for each submenu using IndividualSubmenu Styles.

Q: We have purchased 'Deluxe Menu...'.
We are integrating the menu into the site. However, we are facing an issue i.e. drop down menu with css overlapping the 'Select' box in the IE 6.0.

I went through the help pages in the deluxe menu website and tried out the Suggestion of assigning 1 to dmObjectsCheck i.e. var dmObjectsCheck=1 and adding the function as below.

function dm_ext_ruleObjectHide()
{
return !document.all;
}

It is throwing some error when we do that. Could you please suggest, what should we to get rid of overlapping. Please see the attached screen for the error. The error captured using Firefox.

A: Check that you're using Deluxe Menu v3.2.5.
Check also that you have dmenu_add.js file in the same folder withdmenu.js file.

Or you can try to set also the following parameter:

var useIFRAME=1;

Q: I replaced the code you suggested and I downloaded the current version of Deluxe-Tuner. I also removed the Javascript roll-overs I had elsewhere on the page and created the text.

I still get 'Error on page' when I hover over the first java scrolling menu item.

Please help! I need to buid this site out by Monday.

A: Now you have several errors in your data file:

  var menuBackColor="f9f9ec";

You should write:
  var menuBackColor="#f9f9ec";

The following parameters cannot be empty:
  var menuBorderWidth="0";
  var itemBorderWidth="0";

It is not correct to write the java scrolling menu parameter in the following way:
  var itemBorderStyle=["1px","1px"];

You should write:
  var itemBorderStyle=["none","none"];

If you want to add borders in the subitems you should write:
  var itemBorderWidth="1";
  var itemBorderColor=["#c59d1f","#c59d1f"];
  var itemBorderStyle=["solid","solid"];

And to remove border from the top items you should create Individualstyle and assign it to the top items:
  var itemStyles = [
["itemBorderWidth=0","itemBorderStyle=none,none"],
];

["","", "/images/nav_OFF_01.gif", "/images/nav_ON_01.gif", "", "","0", "", "", "", "", ], //assign style 0
["","", "/images/nav_OFF_02.gif", "/images/nav_ON_02.gif", "", "", "0", "", "", "", "", ], //assign style 0
...

Q: Dreamweaver navigation bar disappearing behind flash file in Firefox..

A: You should add "opaque" parameter for