- Floatable - try to scroll window - menu floats staying always visible
- Solid arrows
- Javascript calls
- Vertical/Horizontal orientation
- Shadow with length=4, color=#999999
- Movable - try to drag by using top spacer
- Separators
- Item icons
- Status string shows item labels
- Transition #24 - "fade in" effect
- 80% transparency for submenus
- Text aligned to left
- Absolute menu position
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.
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>
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;
More Demos
- Vertical DHTML Menu - absolute menu position, movable - you can drag-n-drop it
- CSS Menu - CSS drop down menu, XP style
- Dynamic Menu - setting pressed item dynamically via javascript
- Cross Frame Menu - horizontal frame menu
- DHTML Menu Example New #6
- DHTML Menu Example New #4
- Javascript Navigation Menus - several menus on one page, different transition effects
- DHTML Cascading Menu - MS Office style, relative position, "fade in" transition, shadow
- Cross Frame Menu - vertical frame menu
- DHTML Expandable Menu - absolute position, animated icons, separators
- Horizontal DHTML Menu - relative position, transparency, shadow, "fade in" transition
For more info about the menu setup see How to Setup and Parameters
Tree Menu
