- Movable - try to drag by using top spacer
- Floatable - try to scroll window - menu floats staying always visible
- Separators
- Item icons
- Status string shows item labels
- Solid arrows
- Transition #24 - "fade in" effect
- Vertical/Horizontal orientation
- 80% transparency for submenus
- Shadow with length=4, color=#999999
- Text aligned to left
- Absolute menu position
- Javascript calls
How to Setup
Download Apycom DHTML Menu.
Apycom DHTML Menu comes with two files that can be found in the "js/" subdirectory in this download:
apymenu.js - menu engine and
data.js - data file with menu parameters (this file may be renamed, but must include the '.js' extension)
Place these files to any folder of your html project and add a reference to the files within your HTML page.
You can use both absolute and relative coordinates to position the menu.
Absolute position
Paste the following code into <head> tag
<!-- Apycom DHTML Menu -->
<script type="text/javascript" language="JavaScript1.2" src="yourdir/apymenu.js"></script>
<script type="text/javascript" language="JavaScript1.2" src="yourdir/data.js"></script>
<!-- (c) 2004, Apycom Software, www.apycom.com -->
and set coordinates of top-left menu corner in the data file, example
var absolutePos=1;
var posX=30;
var posY=110;
Relative position
Paste the following code into <head> tag
<!-- Apycom DHTML Menu -->
<script type="text/javascript" language="JavaScript1.2" src="yourdir/apymenu.js"></script>
<!-- (c) 2004, Apycom Software, www.apycom.com -->
and paste the following code within your html page in a position you want the menu to appear
<script type="text/javascript" language="JavaScript1.2" src="yourdir/data.js"></script>
for example into a table cell
<table><tr>
<td><script type="text/javascript" language="JavaScript1.2" src="yourdir/data.js"></script></td>
</tr></table>
More Demos
For more info about the menu setup see How to Setup and Parameters
Apycom Tree Menu Demos