Joomla Vertical Menu Animation by Deluxe-Menu.com
Joomla Vertical Menu Animation

Menu Screenshots

Joomla Vertical Menu Animation Drop Down Menu Javascript

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
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!
How To Create A Sub Menu On A Drop Down Menu In Html Joomla Vertical Menu Animation
Easy Setup
  • De Luxe Tuner. GUI interface to create your joomla vertical menu animation 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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed joomla vertical menu animation 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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: The /js subdirectory of the Apycom Tree Menu trial package has no data file, i.e. the data file is missing.

A: This file can be renamed, for example, into tree-data.js.
This file contains Javascript code with menu parameters and items.
It has the following structure:

  var param1 = value1;
  var param2 = value2;
  var param3 = value3;
...
  var tmenuItems = [...];

Please, check that.
Use our examples to see how to install the menu.
Use DHTML Tuner application from the same .zip package to create andconfigure your menus.



Q: I have an HTML application with 4 iframes. The main html file contains 3 iframes (top toolbar, left toolbar, and main area) and the menu. The main area iframe contains one additional iframe were the actual data is. When I interact with the data in this last iframe and try to dynamically change the menu in the .html file I get the error message: 'm' is null or not an object

The API call is:

dm_ext_addItem(0, 0, ["test1", "testlink.htm", "", "", "test1m", "_blank", "1"]);

I only have one menu.

I am using IE6

I included these files in both the hta file and the iframe source file.

<script type="text/javascript" src="./data.files/dmenu.js"></script>
<script type="text/javascript" src="./data.files/dmenu_dyn.js"></script>
<script type="text/javascript" src="./data.files/dmenu_key.js"></script>


A: Deluxe Menu doesn't work with <IFrame> objects. It works with<frameset> objects only. All it can to do with <IFrame> is to loadpages into it.
You should use standard installation for the menu (cross-frame mode).

See more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html
http://deluxe-menu.com/data-samples/cross-frame-horizontal-1-sample.htm

There is no need to call dmenu_...js files.

<script type="text/javascript" src="./data.files/dmenu.js"></script>
<script type="text/javascript" src="./data.files/dmenu_dyn.js"></script>
<script type="text/javascript" src="./data.files/dmenu_key.js"></script>

You should write:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "./data.files/";</script>
<script type="text/javascript" src="./data.files/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->


Q: Is it possible that when a main button on the home page is clicked and the viewer goes to the subpage, that the navbar will expand to the correct subpage submenu? For example, I click on Agent and when the subpage loads the submenu is expanded under Agent.

I've been trying to get the javascript hide menu bar to stay highlightedwhen clicked on and directed to that page. For example when clickedon Agent, then Agent Home, once that page loads the whole javascript hide menu bar for Agent Home stays highlighted in orange. I haven't been successful, any suggestions?

A: Tree Menu doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API.

You can find more info on our website:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html



Q: How do I expand the length of the vista html drop menu tab images to accommodate longer text? If the text is "Special Event Programs", the arrows are outside the tab in another partial one.  I am using the Vista style tabs (black_blue / tealblack).

Is there any way other than definition of new image files to get more color combos?

Can I change the text size in the menu tabs?  When I use the Tuner, it has no effect.


A: Try to use image-based menu.

Set:

  var menuWidth="92px";
  var menuHeight="";

and create the following style:

  var itemStyles = [

["itemBackImage=WANmenu.files/btn_magenta-back.gif,WANmenu.files/btn_magentablack-back.gif",
"beforeItemImage=WANmenu.files/btn_magenta-left.gif,WANmenu.files/btn_magentablack-left.gif","afterItemImage=WANmenu.files/btn_magenta-right.gif,WANmenu.files/btn_magentablack-right.gif","beforeItemImageW=10","afterItemImageW=10","beforeItemImageH=21","afterItemImageH=21",
"itemBorderWidth=0","fontStyle=normal11px Tahoma","fontColor=#FFFFFF,#FFFFFF"],
];