DHTML Menu
Examples/Templates
- DHTML Menu Example #1 - relative position, transparency, shadow, "fade in" transition
- DHTML Menu Example #2 - absolute menu position, movable - you can drag-n-drop it
- DHTML Menu Example #3 - absolute menu position, floatable, Win95 style
- DHTML Menu Example #4 - absolute position, disabled item, individual style for item
- DHTML Menu Example #5 - absolute position, individual style for submenu, separators
- DHTML Menu Example #6 - relative position, "fade in" transition, shadow, MS Office style
- DHTML Menu Example #7 - several menus on one page, different transition effects
- DHTML Menu Crossframe Example #1 - horizontal frame orientation
- DHTML Menu Crossframe Example #2 - vertical frame orientation
- DHTML Menu Example #8
- DHTML Menu Example #9
- DHTML Menu Example #10
- DHTML Menu Example #11
- DHTML Menu Example #12
- DHTML Menu Example #13
- DHTML Menu Example #14
How to Setup
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 -->
<noscript>Visit <a href=http://dhtml-menu.com/>dhtml-menu.com</a> for more
info.</noscript>
<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 -->
<noscript>Visit <a href=http://dhtml-menu.com/>dhtml-menu.com</a> for more
info.</noscript>
<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>
*** Crossframe mode ***
Paste following code into <head> tag of page with top menu
<!-- Apycom DHTML Menu -->
<noscript>Visit <a href=http://dhtml-menu.com/>dhtml-menu.com</a> for more
info.</noscript>
<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 -->
Be sure you have frameset "ID" and frame "NAME" properties in your frameset. Example:
<frameset id="fset" rows="130,*">
<frame id="frm1" name="frm1" src="topmenu.html">
<frame id="frm2" name="frm2" src="content.html">
</frameset>
Then replace the standard apy_init(); function at the end of data.js file by the apy_initFrame function:
apy_initFrame (framesetID, mainFrameInd, subFrameInd, orientation);
Where:
framesetID - id of <frameset> tag;
mainFrameInd - number of top menu frame (frame where the top menu will be placed) >=0;
subFrameInd - number of submenus' frame >=0;
orientation - 0 - horizontal frame orientation; 1 - vertical frame orientation.
Example, based on the previous frameset example:
apy_initFrame ("fset", 0, 1, 0);
That's all. Notice you DO NOT need to insert any additional code to pages in other frames!
Menu Parameters
For more info about menu parameters see parameter info
Purchase
This trial version of
Apycom DHTML 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 and
License Agreement.
|