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

 Contact















Web Buttons
Web buttons
Create superior XP-style buttons!



Drop Down Menu Code


Web Buttons


DHTML Menu Sample


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








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

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