topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

graphic-javascript-effect-background-space-effect.htm / htm



  
  <!-- TWO STEPS TO INSTALL SPACE TRIP:
  
    1.  Add the onLoad event handler into the BODY tag
    2.  Copy the coding into the BODY of your HTML document  -->
  
  <!-- STEP ONE: Insert the onLoad event handler into your BODY tag  -->
  
  <BODY BGCOLOR="#000000" onLoad="fly()">
  
  <!-- STEP TWO: Paste this code into the BODY of your HTML document  -->
  
  <SCRIPT LANGUAGE="JavaScript">
  <!-- Original:  Kurt Grigg (kurt.grigg@virgin.net) -->
  <!-- Web Site:  http://website.lineone.net/~kurt.grigg/javascript -->
  
  <!-- This script and many more are available free online at -->
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Begin
  SmallStars = 30; 
  LargeStars = 10;
  SmallYpos = new Array();
  SmallXpos = new Array();
  LargeYpos = new Array();
  LargeXpos = new Array();
  Smallspeed= new Array();
  Largespeed= new Array();
  ns=(document.layers)?1:0;
  if (ns) {
  for (i = 0; i < SmallStars; i++) {
  document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>");
  }
  for (i = 0; i < LargeStars; i++) {
  document.write("<LAYER NAME='ln"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFFF' CLIP='0,0,2,2'></LAYER>");
     }
  }
  else {
  document.write('<div style="position:absolute;top:0px;left:0px">');
  document.write('<div style="position:relative">');
  for (i = 0; i < SmallStars; i++) {
  document.write('<div id="si" style="position:absolute;top:0;left:0;width:1px;height:1px;background:#fffff0;font-size:1px"></div>');
  }
  document.write('</div>');
  document.write('</div>');
  document.write('<div style="position:absolute;top:0px;left:0px">');
  document.write('<div style="position:relative">');
  for (i = 0; i < LargeStars; i++) {
  document.write('<div id="li" style="position:absolute;top:0;left:0;width:2px;height:2px;background:#ffffff;font-size:2px"></div>');
  }
  document.write('</div>');
  document.write('</div>');
  }
  WinHeight = (document.layers)?window.innerHeight:window.document.body.clientHeight;
  WinWidth = (document.layers)?window.innerWidth:window.document.body.clientWidth;
  for (i = 0; i < SmallStars; i++) {
  SmallYpos[i] = Math.round(Math.random() * WinHeight);
  SmallXpos[i] = Math.round(Math.random() * WinWidth);
  Smallspeed[i]= Math.random() * 5 + 1;
  }
  for (i = 0; i < LargeStars; i++) {
  LargeYpos[i] = Math.round(Math.random() * WinHeight);
  LargeXpos[i] = Math.round(Math.random() * WinWidth);
  Largespeed[i] = Math.random() * 10 + 5;
  }
  function fly() {
  var WinHeight = (document.layers)?window.innerHeight:window.document.body.clientHeight;
  var WinWidth = (document.layers)?window.innerWidth:window.document.body.clientWidth;
  var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;
  var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;
  for (i = 0; i < LargeStars; i++) {
  LargeXpos[i] -= Largespeed[i];
  if (LargeXpos[i] < -10) {
  LargeXpos[i] = WinWidth;
  LargeYpos[i] = Math.round(Math.random() * WinHeight);
  Largespeed[i] = Math.random() * 10 + 5;
  }
  if (ns) {
  document.layers['ln'+i].left = LargeXpos[i];
  document.layers['ln'+i].top = LargeYpos[i] + hscrll;
  }
  else {
  li[i].style.pixelLeft = LargeXpos[i];
  li[i].style.pixelTop = LargeYpos[i] + hscrll;
     }
  }
  for (i = 0; i < SmallStars; i++) {
  SmallXpos[i] -= Smallspeed[i];
  if (SmallXpos[i] < -10) {
  SmallXpos[i] = WinWidth;
  SmallYpos[i] = Math.round(Math.random()*WinHeight);
  Smallspeed[i] = Math.random() * 5 + 1;
  }
  if (ns) {
  document.layers['sn'+i].left = SmallXpos[i];
  document.layers['sn'+i].top = SmallYpos[i]+hscrll;
  }
  else {
  si[i].style.pixelLeft = SmallXpos[i];
  si[i].style.pixelTop = SmallYpos[i]+hscrll;
     } 
  }
  setTimeout('fly()', 10);
  }
  //  End -->
  </script>
  
  <p><center>
  <font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
  by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
  </center><p>
  
  <!-- Script Size:  3.79 KB -->
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.