Sample Code For Vertical Flyout Menu Example


 DHTML Menu
  · Examples
  · How to Setup
  · Parameters
  · Purchase
  · Download

 DHTML Menu Tuner

 Tree Menu
  · Examples
  · How to Setup
  · Parameters
  · Purchase
  · Download


 Java Menus
  · Drop Down Menus
  · Download
  · Live Examples
  · Navigation Tabs
  · Website Buttons
  · Screen Shots
  · Purchase
  · Animated Menus

 Contact















DHTML Menu Sample


JavaScript Menus


Drop Down Menu Code


Web Buttons
Web buttons
Create superior XP-style buttons!



Web Buttons

Apycom DHTML Menu v2.80 is available!
See DHTML Menu demos
Download free trial version now!
For purchasing information please click here.
Demo Screenshots
Apycom DHTML Menu
DHTML Menu Demo #49








  • Movable - try to drag by using top spacer
  • Shadow with length=4, color=#999999
  • Transition #24 - "fade in" effect
  • Absolute menu position
  • Status string shows item labels
  • Vertical/Horizontal orientation
  • 80% transparency for submenus
  • Separators
  • Text aligned to left
  • Javascript calls
  • Item icons
  • Solid arrows
  • Floatable - try to scroll window - menu floats staying always visible
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 Samples For more info about the menu setup see How to Setup and Parameters

Apycom Tree Menu Demos

Purchase

The trial version of Apycom Java Script Menu may be used for evaluation purposes only for a period of 30 days. Evaluation use includes the review and or customization of the software on one local computer. This software may not be placed on the internet or a local intranet site for viewing and or use by multiple persons.
The purchased version includes a license to place the software on publicly accessible web pages and does not display the trial version reminder. Also you can purchase the Java source code of the software. For more information see order page.

Copyright (c) 1998-2006, Apycom Software, www.apycom.com