Copy code boxes are below ... scroll down
Credit: Roberto de Jesus Asyn Diaz
Homepage
Cut & Paste in between <head> here </head>
<script language="javascript"> <!-- /* This Code Free To Use - Providing This Notice Remains Moving Background JavaScript Code Effect Found At: Development Resource & JavaScript Code & Generator Public Archive Center Located: http://www.DesignerWiz.com Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply Credits: Roberto de Jesus Asyn Diaz http://www.asynco.net rasyn@asynco.net */ //global variables var topStopPoint= 1000,currtop=0; var vel= 1; // negative changes direction, biggest absolute value increase velocity var paso= 20; // Time in miliseconds, at high value, velocity decrease var bgdivtop= -1000; // absolute value of vel*paso has not to be greater or equal of bgdivtop value var bgdivleft= 0; function init() { contentbg ='<table background="mar020.gif" height="1000" width="1000" border="0"><tr><td> </td></tr></table>'; // Puede usar contentbg+='<table background="mar020.gif" height="1000" width="1000" border="0"><tr><td> </td></tr></table>'; // uno con contentbg+='<table background="mar020.gif" height="1000" width="1000" border="0"><tr><td> </td></tr></table>'; // height=3000 if (document.getElementById&&!document.all) { document.getElementById('bgdiv').innerHTML=contentbg; document.getElementById('bgdiv').style.top= bgdivtop; document.getElementById('bgdiv').style.left = bgdivleft; } if (document.layers) { document.bgdiv.document.write(contentbg) document.bgdiv.document.close() document.bgdiv.top=bgdivtop document.bgdiv.left=bgdivleft } if (document.all) { bgdiv.innerHTML=contentbg document.all.bgdiv.style.posTop=bgdivtop document.all.bgdiv.style.posLeft=bgdivleft } moveLayerTo(); } // --> </script> <script language=javascript> <!-- function moveLayerTo() { if ( currtop > topStopPoint) { currtop= 0; restarter();} currtop+= Math.abs(vel); if (document.getElementById&&!document.all) { document.getElementById('bgdiv').style.top= parseInt(document.getElementById('bgdiv').style.top) + vel; } if (document.layers) { document.bgdiv.top+= vel; } if (document.all) { document.all.bgdiv.style.posTop+= vel; } setTimeout('moveLayerTo()',paso); } function restarter(){ if (document.getElementById&&!document.all) { document.getElementById('bgdiv').style.top= bgdivtop; } if (document.layers) { document.bgdiv.top=bgdivtop } if (document.all) { document.all.bgdiv.style.posTop=bgdivtop } } //--> </script> <style type="text/css"> .bgdivstyle {position: absolute; left: 0px; top: 0px; overflow-x:hidden; overflow-y:hidden; z-index: 0; visibility: visible;} #text {position: absolute; left: 10px; top: 10px; z-index: 1; visibility: visible;} </style>
Insert directly into Body tag:
<body onLoad="init()">
Cut & Paste in between <body> here </body>
<div style="position: absolute; left:0px; top:0px; z-index:0"> <DIV ID="bgdiv" class="bgdivstyle"></DIV> <div id="text"> Use this place to write whatever you like </div> </div>