- Horizontal DHTML Menu Ex.#1 - relative position, transparency, shadow, "fade in" transition
- Vertical DHTML Menu Ex.#2 - absolute menu position, movable - you can drag-n-drop it
- DHTML Drop Down Menu Ex.#3 - Win95 style, absolute position, floatable menu
- DHTML Dropdown Menu Ex.#4 - absolute position, disabled item, individual style for item
- DHTML Expandable Menu Ex.#5 - absolute position, animated icons, separators
- DHTML Cascading Menu Ex.#6 - MS Office style, relative position, "fade in" transition, shadow
- javascript Navigation Menus Ex.#7 - several menus on one page, different transition effects
- javascript Context Menu Ex.#8 - dhtml popup menu mode
- CSS Menu Ex.#9 - CSS drop down menu, XP style
- Transition Collapse Menu Ex.#10 - DirectX effects collapsable menu
- Dynamic Menu Ex.#11 - setting pressed item dynamically via javascript
- Cross Frame Menu #1 - horizontal frame menu
- Cross Frame Menu #2 - vertical frame menu
- Crossframe Menu #3 - multiple/nested javascript frame menu
- Crossframe Menu #4 - multiple/nested dhtml frame menu
- Floating Menu Ex.#12 - menu floats on scrolling
- Sliding Menu Ex.#13 - menu slides when you scroll a page
- DHTML Menu Example #14
- DHTML Menu Example #15
- DHTML Menu Example #16
- DHTML Menu Example #17
- DHTML Menu Example #18
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 tag
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 tag
and paste the following code within your html page in a position you want the menu to appear
for example into a table cell
*** Crossframe mode ***
Paste following code into tag of page with top menu
Be sure you have frameset "ID" and frame "NAME" properties in your frameset. Example:
rows="130,*">
name="frm1" xsrc="topmenu.html">
name="frm2" xsrc="content.html">
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
全站熱搜
留言列表