<![CDATA[
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="author" CONTENT="John A. Bisson">
<META NAME="generator" CONTENT="Super NoteTab 2.63">
<META NAME="keywords" CONTENT="layers">
<META NAME="description" CONTENT="layer test">
<META NAME="GENERATOR" CONTENT="Mozilla/4.02 [en] (Win95; I) [Netscape]">
<TITLE>layer test</TITLE>
<LINK REV="made" HREF="mailto:jbisson@zoo.uvm.edu">
<SCRIPT LANGUAGE=JAVASCRIPT>
heada = new Image(32, 32);
heada.src = "head0.gif";
headb = new Image(32, 32);
headb.src = "head1.gif";
ShowFirst = true;
ShowSecond = false;
ShowThird = true;
ShowFourth = false;
function ClearCircs()
{
for(i=0; i<document.layers.length; i++)
document.layers[i].visibility = "HIDE";
}
function ToggleFirst()
{
ShowFirst = !ShowFirst;
document.layers["FIRST"].visibility = ShowFirst ? "INHERIT" : "HIDE";
}
function ToggleSecond()
{
ShowSecond = !ShowSecond;
document.layers["SECOND"].visibility = ShowSecond ? "INHERIT" : "HIDE";
}
function ToggleThird()
{
ShowThird = !ShowThird;
document.layers["THIRD"].visibility = ShowThird ? "INHERIT" : "HIDE";
}
function OnCirc(num)
{
// ClearCircs()
document.layers[num].visibility = "INHERIT";
}
function OffCirc(num)
{
document.layers[num].visibility = "HIDE";
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<LAYER NAME=FIRST top =0 left =0 >
This is an example of basic layer constructs.sdfdsfsdfsd sdfsdfsdfsd
sdfsdfsdf sdfsdfsdf
<BR>sdfsdfsdfGGGGGGGGJJJJTYIUILJHDGDZBVXVVVVXCVFGHRYA
<BR>sdfsdfsdfGGGGGGGGGGGGGGGGEEEEEEEEEEERTTTT34T
<BR>sdfsdfsdf
<BR>sdfsdfsdfJNNNNNNNNNNNNNRRRRRRRR55556QQQ66666NJ
<BR>sdfsdfsdf
<BR>sdfsdfsdfR7IIIMMM67RM66666666666666
<BR>sdfsdfsdfED4DGGGGGG3444466666KKK906,,,W45
<BR>sdfsdfsdfGGGGGGGGGGGGGGGRRRR655555377J
<BR>sdfsdfsdfFYYYN OOOOOOOOOOOOOO7TT8T9998,5
<BR>sdfsdfsdfRGHFHHHHHHHHHHHHHHHHRRSE566NXXXXXXXXXZZZZZZ
</LAYER>
<LAYER NAME=SECOND top=150 left=250 Z-INDEX=1 BELOW=FIRST VISIBILITY=HIDE>
<IMG SRC="cow1b.gif" ALT="layer TWO" BORDER=0 HEIGHT=94 WIDTH=213>
</LAYER>
<LAYER NAME=THIRD top =100 left =100 BELOW=FIRST>
<IMG SRC="1cow.jpg" ALT="COW AND IT'S SHADOW">
</LAYER>
<LAYER NAME=FOUR top =125 left =110 BELOW=THIRD VISIBILITY=HIDE>
<IMG SRC="circ.gif" >
</LAYER>
<LAYER TOP=0 LEFT=0>
<FORM NAME= TOGGLE>
<TABLE ALIGN=CENTER>
<TD>
<INPUT NAME=FIRST TYPE=BUTTON VALUE="Toggle First layer "
onclick="ToggleFirst();">
</TD>
<TD>
<INPUT NAME=SECOND TYPE=BUTTON VALUE="Toggle Second layer "
onclick="ToggleSecond();">
</TD>
<TD>
<INPUT NAME=THIRD TYPE=BUTTON VALUE="Toggle Third layer "
onclick="ToggleThird();">
</TD>
<TD>
<A HREF="x15.htm"
onMouseOver="OnCirc(2); head.src=headb.src;"
onMouseOut="OffCirc(2); head.src=heada.src;">
<IMG SRC="head0.gif" NAME="head" BORDER=0 >
</A>
</TD>
</TABLE>
</FORM>
</LAYER>
</BODY>
</HTML>
]]></plaintext>