DIV1
DIV 2
DIV 4
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"><br /> <html><br /> <head><br /> <title> New Document </title><br /> <meta name="Generator" content="EditPlus"><br /> <meta name="Author" content=""><br /> <meta name="Keywords" content=""><br /> <meta name="Description" content=""> <style> .head2{font-family:verdana;font-size:14pt;font-weight:bold} .normal{font-family:verdana;font-size:10pt;font-weight:normal;left:4} .select{font-family:verdana;font-size:8pt;font-weight:normal} .div1{position:absolute;top:120;left:200;width:400;height:400;color:brown;background-color:#cccccc;z-index:4;visibility:visible;} .div2{position:absolute;top:120;left:200;width:400;height:400;color:brown;background-color:#eeeeee;z-index:3;visibility:visible;} .div3{position:absolute;top:120;left:200;width:400;height:400;color:brown;background-color:#eeeeee;z-index:2;visibility:visible;} .div4{position:absolute;top:120;left:200;width:400;height:400;color:brown;background-color:#eeeeee;z-index:1;visibility:visible;} </style> <script language="javascript"> function div1(){ div1a.style.visibility="visible"; div2a.style.visibility="hidden"; div3a.style.visibility="hidden"; div4a.style.visibility="hidden"; } function div2(){ div1a.style.visibility="hidden"; div2a.style.visibility="visible"; div3a.style.visibility="hidden"; div4a.style.visibility="hidden"; } function div3(){ div1a.style.visibility="hidden"; div2a.style.visibility="hidden"; div3a.style.visibility="visible"; div4a.style.visibility="hidden"; } function div4(){ div1a.style.visibility="hidden"; div2a.style.visibility="hidden"; div3a.style.visibility="hidden"; div4a.style.visibility="visible"; } </script> </head> <body bgcolor="#FFFFFF"> <div class="div1" id="div1a"><br /> <table width="400" cellspacing="0" cellpadding="0" border="0"><br /> <tr><br /> <td width="100" bgcolor="cccccc" height="20"><img src="images/tab.gif" width="100" height="20" border=0 alt=""></td><br /> <td width="100" height="20"><a href="javascript:div2()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> <td width="100" height="20"><a href="javascript:div3()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> <td width="100" height="20"><a href="javascript:div4()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> </tr><br /> <tr><br /> <td width="400" height="380" colspan="4" bgcolor="#999999" align="center" valign="top"> <h1>DIV1</H1> </td><br /> </tr><br /> </table><br /> </div> <div class="div2" id="div2a"><br /> <table width="400" cellspacing="0" cellpadding="0" border="0"><br /> <tr><br /> <td width="100" height="20"><a href="javascript:div1()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> <td width="100" height="20" bgcolor="cccccc"><img src="images/tab.gif" width="100" height="20" border=0 alt=""></td><br /> <td width="100" height="20"><a href="javascript:div3()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> <td width="100" height="20"><a href="javascript:div4()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> </tr><br /> <tr><br /> <td width="400" height="380" colspan="4" bgcolor="#999999"><h1>DIV 2</h1></td><br /> </tr><br /> </table><br /> </div> <div class="div3" id="div3a"><br /> <table width="400" cellspacing="0" cellpadding="0" border="0"><br /> <tr><br /> <td width="100" height="20"><a href="javascript:div1()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> <td width="100" height="20"><a href="javascript:div2()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> <td width="100" height="20" bgcolor="cccccc"><img src="images/tab.gif" width="100" height="20" border=0 alt=""></td><br /> <td width="100" height="20"><a href="javascript:div4()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> </tr><br /> <tr><br /> <td width="400" height="380" colspan="4" bgcolor="#999999" align="middle" valign="top"></td><br /> </tr><br /> </table><br /> </div> <div class="div4" id="div4a"><br /> <table width="400" cellspacing="0" cellpadding="0" border="0"><br /> <tr><br /> <td width="100" height="20"><a href="javascript:div1()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> <td width="100" height="20"><a href="javascript:div2()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> <td width="100" height="20"><a href="javascript:div3()"><img src="images/tablight.gif" width="100" height="20" border=0 alt=""></a></td><br /> <td width="100" height="20" bgcolor="cccccc"><img src="images/tab.gif" width="100" height="20" border=0 alt=""></td><br /> </tr><br /> <tr><br /> <td width="400" height="380" colspan="4" bgcolor="#999999"><H1>DIV 4</H1></td><br /> </tr><br /> </table><br /> </div> </body><br /> </html>
