Text file of source for Clipping Layers Demo II. ***************** 40-lay-5d.htm ***************** <HTML> <HEAD> <TITLE>Clipping Layers Demo II - Intro Page</TITLE> <SCRIPT> <!-- Activate Cloaking Device //****************************************************** // Clipping Layers Demo II // // 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-lay5d.txt"; } // Deactivate Cloaking --> </SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- Activate Cloaking Device var pos=0; var direction=true; var start_moving=true; var intervalID=null; function clearName() { clearInterval(intervalID); document.layers["momma"].layers["txt"].visibility="hide"; intervalID=setInterval('move()', 10); } function startstop() { if(start_moving) { start_moving=false; intervalID=setInterval('move()', 10); } else { clearInterval(intervalID); start_moving=true; } } function move() { document.layers["momma"].layers["message"].visibility="hide"; if (pos < 0) direction= true; if (pos > 200) direction= false; if (pos == 100) { clearInterval(intervalID); document.layers["momma"].layers["txt"].visibility="show"; intervalID=setInterval('clearName()', 1000); } if (direction) pos++; else pos--; document.layers["momma"].layers["clippingLayer"].layers["pic"].top= 100 - pos; } // Deactivate Cloaking --> </SCRIPT> </HEAD> <BODY bgColor=00ffff> <layer name=momma z-index=0 src="40-lay5l.htm"></layer> <nolayer> <center><strong> <font color=000080 size=+3> <i> Clipping Layers Demo II </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" TARGET=_top> <IMG SRC="40-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-5l.htm ***************** <HTML> <HEAD> <TITLE>Clipping Layers Demo II - Layers Page</TITLE> <SCRIPT> <!-- Activate Cloaking Device //****************************************************** // Clipping Layers Demo II // // by Tim Wallace (timothy@essex1.com) // //****************************************************** // Deactivate Cloaking --> </SCRIPT> </HEAD> <BODY> <layer name=title left=140 top=10> <strong> <font color=000080 size=+3> <i> Clipping Layers Demo II </i> </font> </strong> </layer> <layer name="clippingLayer" z-index=0 clip="0,0,100,99" left=260 top=100> <layer name=pic z-index=1left=0 top=100> <img src="40-net2.gif" width=100 height=99> </layer> </layer> <layer name=txt z-index=1 left=175 top=120 visibility=hide> <font color=ff0000 size=+3> <STRONG><i> COMMUNICATOR </i></STRONG> </font> </layer> <layer name=message z-index=2 left=178 top=125 visibility=show> <font color=000000 size=+1> <i> Click the button to see the effect... </i> </font> </layer> <layer name=buttons z-index=3 left=265 top=230> <form> <input type="button" value="Start/Stop" onClick="startstop()"> </form> </layer> <layer name=viewsource left=255 top=250> <br><br> <form> <INPUT TYPE="button" Value="View Source" onClick="viewSource()"> </form> </layer> </BODY> </HTML>