<< Prev Example Index Next >>
Parameters Frame Example Javascript Tips Applet Index


Image Transition Menu Frame Example

This example demonstrates:

  • Using the target parameter with frames
  • Javascript calls - "Change all" item allows to change the contents of all frames by single click. See also "Javascript tips"
  • Label text aligned to left
  • Vertical menu direction

HTML Source


<FRAMESET cols=170,85%>
<FRAME name = left_wnd scrolling=no src="leftpage.html">
<FRAMESET rows=15%,85%>
<FRAME name = top_wnd scrolling=no src="toppage.html">
<FRAME name = main_wnd scrolling=yes src="mainpage.html">


<applet Code=apImageTrans.class Width="150" Height="275" mayscript>
<a href=>Apycom Java Applets</a>
<param name="Copyright" value="">
<param name="isHorizontal" value="false">
<param name="status" value="text">
<param name="alignText" value="left">
<param name="fadeType" value="1">
<param name="direction" value="0">
<param name="fadeSteps" value="20">
<param name="fadeDelay" value="35">
<param name="ImageEffect" value="true">
<param name="TextEffect" value="true">
<param name="backPic" value="pix/back012.jpg">
<param name="effectPic" value="pix/back013.jpg">
<param name="overSound" value="pix/">
<param name="clickSound" value="pix/">
<param name="fontColor" value="6D79A9">
<param name="fontHighColor" value="8F5CC4">
<param name="font" value="Arial,12,1">
<param name="menuItems" value="
{ Applet,index.html,_parent}
{ Main in Main,mainpage.html,main_wnd}
{ Top in Main,toppage.html,main_wnd}
{ Left in Main,leftpage.html,main_wnd}
{ Top in Top,toppage.html,top_wnd}
{ Main in Top,mainpage.html,top_wnd}
{ Left in Top,leftpage.html,top_wnd}
{ Change All,javascript:changeAll(),_}
{ Previous,ex5.html,_parent}
{ Index,../index.html,_parent}

<script language="Javascript">
function changeAll()

How to setup the menu


Copyright (c) 1998-2009, Apycom Software