Css Vertical Expandable Menu by Deluxe-Menu.com
Css Vertical Expandable Menu

Template:






    - Submenus dropdown on mouseover
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus automatically scrolls
    - Status string shows item labels
    - Image arrows
    - Personal CSS styles for separate menu elements
    - Several menus on one page




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

Menu Screenshots

Css Vertical Expandable Menu Easy Drop Down

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

Features

Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Easy Setup
  • De Luxe Tuner. GUI interface to create your css vertical expandable menu menus easily and in no time
  • Sensible menu parameters for manual editing
Menus Css Vertical Expandable Menu
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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css vertical expandable menu 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.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I would like to add a javascript link but cannot seem to get it handle the event as a tag or onclick event. I just want to grab the current page, insert it into a string, and go off to the page it specifies. Can this be done?


A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];


Q: I now wish to dynamically change the drop down menu in html parameters. For this, I have set the following parameters:

// Dynamic Menu
  var dynamic=1;

1.Please send me the reference link for the dynamic menu commands available (for javascript).

2.Now AFTER initialization, dm_init();, I wish to change the default   var itemTarget="Sub_Main";

How do I do that??

A: You can find more info about API functions here:
http://deluxe-menu.com/functions-info.html

Unfortunately it is not possible to change drop down menu in html parameters (  var ...)after menu initialization.
So, there is no way to change
  var itemTarget="Sub_Main";

But you can change target for each item individually (targetparameter in menuItems) using dm_ext_changeItem function.

  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];



Q: Can I make dhtml menu sample so a user can open a link on a Deluxe-Menu in a new browser tab instead of a new window using IE?

I really like your menu system.

A: You can try to write the following code for your items:

["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "", "", "", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}



Q: Would it be possible to introduce more font decoration options to the mouseover variables for the horizontal navigation?I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.


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

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 menuItems = [
["<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>","", "", "", "", "", "", "", "", ],


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