HTML>
<HEAD>
<TITLE>
Dynamic Positioning 1
</TITLE>
<SCRIPT LANGUAGE="JScript">
var id;
function StartGlide(){    
    document.all.Runner.style.pixelLeft = 
        document.body.offsetWidth;
    id = window.setInterval("Glide()",25);}
function Glide(){
    document.all.Runner.style.pixelLeft -= 10;
    if (document.all.Runner.style.pixelLeft<=0) 
    	{document.all.Runner.style.pixelLeft=0;
    	window.clearInterval(id);}}
</SCRIPT>
<BODY onload="StartGlide()">
<H3>Welcome to Dynamic Positioning!</H3>
<P>Watch the gif move across the page.  
    Change the z value from positive to negative
    to position the gif in back of the text 
    rather than in front of it.
<IMG ID="Runner" STYLE=
    "position:absolute;top:0;left:0; 
    z-index:1" SRC="running.gif">
</BODY>
</HTML>