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
  · Website Buttons
  · Drop Down Menus
  · Animated Menus
  · Purchase
  · Download
  · Live Examples
  · Navigation Tabs
  · Screen Shots

 Contact















Drop Down Menu Code


Web Buttons
Web buttons
Create superior XP-style buttons!



DHTML Menu Sample


Web Buttons


JavaScript Menus

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 #28








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