Floating Toolbar Javascript Sample


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

 Contact















Web Buttons


DHTML Menu Floating


Drop Down Menu Toolbar


JavaScript Menus


Web Buttons
Web buttons
Create superior XP-style 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 #28








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

Purchase

The trial version of Apycom JavaScript 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