Select All
<!-- To get the stars behind text and graphics paste the script immediately after the body tag. Then put below div immediately after the script. Put the rest of your page between the div-except </body></html>. <div style="position:relative"> - Rest of page - </div> --> <script language="JavaScript"> <!-- Space Trip 2 - Kurt Grigg - http://website.lineone.net/~kurt.grigg/javascript n4=(document.layers); n6=(document.getElementById&&!document.all); ie=(document.all); //Number of stars. Netscape 6 struggles again. Slows //down more if scroll bars are visible? Strange Browser. n=(n6)?15:20; d=(n4||ie)?'document.':'document.getElementById("'; a=(n4||n6)?'':'all.'; r=(n6)?'")':''; s=(n4)?'':'.style'; for (i=0; i < n; i++){ if (ie||n6) document.write('<div id="stars'+i+'" style="position:absolute;width:1px;height:1px;background:#777777;font-size:1px"></div>'); if (n4) document.write("<layer name='stars"+i+"' top=0 left=0 bgcolor=#777777 width=1 height=1></layer>"); } var h,w,cy,cx; function screenxy(){ h=(ie)?document.body.clientHeight:window.innerHeight; w=(ie)?document.body.clientWidth:window.innerWidth; cy=Math.floor((h/2)); cx=Math.floor((w/2)); } screenxy(); window.onresize=screenxy; y=new Array(); x=new Array(); iy=new Array(); ix=new Array(); dir=new Array(); v=new Array(); vr=new Array(); ds=new Array(); ex=new Array(); //Initial. for (i=0; i < n; i++){ iy[i]=Math.random()*h; ix[i]=Math.random()*w; y[i]=iy[i]; x[i]=ix[i]; v[i]=0.3; vr[i]=v[i]; ex[i]=0; } function fly(){ sy=(ie)?document.body.scrollTop:window.pageYOffset; sx=(ie)?document.body.scrollLeft:window.pageXOffset; for (i=0; i < n; i++){ var divs=eval(d+a+"stars"+i+r+s); //Angle between stars and screen centre. ay=y[i]-cy; ax=x[i]-cx; dir[i]=Math.atan2(ay,ax)*180/Math.PI; //Distance between stars and screen centre. dx=cy-y[i]; dy=cx-x[i]; ds[i]=Math.sqrt(dy*dy+dx*dx); v[i]+=ex[i]; if (ds[i] > 100) ex[i]+=0.01; if ((ds[i] > 40) && (ds[i] <= 100)) ex[i]+=0.05; if (ds[i] <= 40) ex[i]+=0.6 if (v[i] > 1 && v[i] < 2) (!n4)?divs.background='#00ffff':divs.bgColor='#999999'; else if (v[i] >= 2 && v[i] < 4) (!n4)?divs.background='#00ff00':divs.bgColor='#aaaaaa'; else if (v[i] >= 4 && v[i] < 7) (!n4)?divs.background='#ff0000':divs.bgColor='#dddddd'; else if (v[i] >= 7 && v[i] < 10) (!n4)?divs.background='#ffff00':divs.bgColor='#ffffff'; else if (v[i] >= 10){ if (!n4){ divs.fontSize=2; divs.height=2; divs.width=2; } else{ divs.clip.height=2; divs.clip.width=2; } } y[i]+=v[i]*Math.sin(dir[i]*Math.PI/180); x[i]+=v[i]*Math.cos(dir[i]*Math.PI/180); if (y[i] < 0 || y[i] > h-v[i] || x[i] < 0 || x[i] > w-v[i]){ iy[i]=(h/2-cy/2)+Math.random()*cy; ix[i]=(w/2-cx/2)+Math.random()*cx; y[i]=iy[i]; x[i]=ix[i]; v[i]=vr[i]; ex[i]=0; if (!n4){ divs.background='#777777'; divs.fontSize=1; divs.height=1; divs.width=1; } else{ divs.bgColor='#777777'; divs.clip.height=1; divs.clip.width=1; } } divs.top=y[i]+sy; divs.left=x[i]+sx; } setTimeout('fly()',10); } fly(); // --> </script>