Text file of source for Moving Layers Demo. ***************** 40-lay-3d.htm ***************** <HTML> <HEAD> <TITLE>Moving Layers Demo - Demo Page</TITLE> <SCRIPT> <!-- Activate Cloaking Device //****************************************************** // Moving Layers Demo // // by Tim Wallace (timothy@essex1.com) // //****************************************************** // Called by View Source button - displays text file of source. function viewSource() { alert("\nA text file with source will be loaded to the full window.\n\nUse your browser BACK button to return to the examples."); top.window.location.href="40-lay3d.txt"; } // Deactivate Cloaking --> </SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- Activate Cloaking Device var pos=175; var direction=true; var start_moving=true; var intervalID=null; function startstop() { if(start_moving) { start_moving=false; intervalID=setInterval('move()', 10); } else { clearInterval(intervalID); start_moving=true; } } function move() { if (pos < -10) { document.layers["momma"].layers["txt"].moveAbove(document.layers["momma"].layers["pic"]); direction= true; } if (pos > 370) { document.layers["momma"].layers["pic"].moveAbove(document.layers["momma"].layers["txt"]); direction= false; } if (direction) pos+=2; else pos-=2; document.layers["momma"].layers["txt"].left= pos; } // Deactivate Cloaking --> </SCRIPT> </HEAD> <BODY bgColor=00ffff> <layer name=momma z-index=0 src="40-lay3l.htm"></layer> <nolayer> <center><strong> <font color=000080 size=+3> <i> Moving Layers Demo </i> </font> </strong></center> <br><br> <center><strong> <font color=800000 size=+1> This example requires Netscape's Communicator... </font> <br><br> <font color=800000 size=> click on button below to see what you're missing. </font> </strong></center> <br><br> <center> <A HREF="http://home.netscape.com/comprod/products/communicator/index.html"> <IMG SRC="now40.gif" border=0></A> </center> <br><br> <center><form> <INPUT TYPE="button" Value="View Source Anyway" onClick="viewSource()"> </form></center> </nolayer> </BODY> </HTML> ***************** 40-lay-3l.htm ***************** <HTML> <HEAD> <TITLE>Moving Layers Demo - Layers Page</TITLE> <SCRIPT> <!-- Activate Cloaking Device //****************************************************** // Moving Layers Demo // // by Tim Wallace (timothy@essex1.com) // //****************************************************** // Deactivate Cloaking --> </SCRIPT> </HEAD> <BODY> <layer name=title left=175 top=0> <strong> <font color=000080 size=+3> <i> Moving Layers Demo </i> </font> </strong> </layer> <layer name=bar top=35> <hr width=100% align=center size=1> </layer> <layer name=pic z-index=0 left=267 top=100> <img src="net2.gif" width=100 height=99> </layer> <layer name=txt z-index=1 left=175 top=115> <font color=ff0000 size=+3><STRONG><i> COMMUNICATOR </i></STRONG></font> </layer> <layer name=buttons z-index=2 left=273 top=235> <form> <input type="button" value="Start/Stop" onClick="startstop()"> </form> </layer> <layer name=viewsource z-index=2 left=263 top=250> <br><br> <form> <INPUT TYPE="button" Value="View Source" onClick="viewSource()"> </form> </layer> </BODY> </HTML>