Css Dropdown Menu Unlimited Level by Deluxe-Menu.com
Css Dropdown Menu Unlimited Level

Template:

Dark Red Menu Template - Rollover Dropdown Menu






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Cross-frame support - menus work on frameset-based pages
    - Submenus automatically scrolls
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - 85% transparency for sub menus
    - Transition #14 - "fade out" effect
    - Unlimited number of sub levels
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Css Dropdown Menu Unlimited Level Menu And Button

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



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How do you specify different number of sub menu columns for each menu heading in the dhtml menu bar?

When I put   var smColumns = 5; it changed it for both my multicolumn headings.

A: You should use Individual Submenu Styles, for example:

  var menuStyles = [
["smColumns=3"],// 0 style
["smColumns=2"],// 1 style
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
["Product Info","", "", "", "", "", "0", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "", "", "0", "", "", "", ], // 0 style
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
   ["||Description of Files","testlink.html", "", "", "", "", "", "", "", "", "", ],
   ["||How To Setup","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Parameters Info","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Dynamic Functions","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
   ["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
   ["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
   ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
   ["||Mozilla","", "", "", "", "", "", "", "", "", "", ],
   ["||Netscape","", "", "", "", "", "", "", "", "", "", ],
   ["||Opera","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ],
 ["|Sample 1","testlink.html", "", "", "", "", "", "1", "", "", "", ], // 1 style
 ["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
 ["|Sample 3","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 4","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 5","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 6","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 7","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 8","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 9","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ],
];

Q: My submenu in the mouse over drop down menu is faded too quickly if I pull away the mouse.

A: Try to use the following parameter:

You can use the following parameters there:
  var smShowPause=200;
  var smHidePause=5000;


Q: My name is Wayne Dekmar, I am a registered user. I have a question when using your javascript browser menu with Frames. In the Item Parameter box, Link, I would select the page that I want open. Target, would I select custom then add below : Target='main'. Is this correct? Can you give me an example of how to do this.

A: You can set target parameter for all items:
  var itemTarget="main";

Where main - is the name of the frame where you want to open the link.

or for each item individually:
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],



Q: Can you please give me tips on how I can style all menuitems to have font bold when selected and normal font when not selected?

A: Unfortunately, Deluxe Tree doesn't have such a feature. You can onlyset it's color. You cannot set the font of menu item bold when selected.

You can set menu item's font bold onMouseover, see example here:
http://deluxe-tree.com/data-templates/vista-style-7-template-sample.html

You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

  var tmenuItems = [

["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Programs</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Appearance</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>User Accounts</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Personalization</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Sound and Speech</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Additional Options</div>","", "", "", "", "", "", "", "", ],
];

Please, notice also that you should add this function every time whenyou change your menu in Deluxe Tuner application, as Tuner deletesthis function.



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