Advertisement
Guest User

Untitled

a guest
Jun 26th, 2017
54
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.62 KB | None | 0 0
  1. <script type="text/javascript">
  2.  
  3. Width =1200; // ange bredden på sidan som ska snöas in...
  4.  
  5. Height =7000; // ange höjden på sidan som ska snöas in...
  6.  
  7. Count =50; // antal snöflingor OBS! ange inte för stort antal!
  8.  
  9. MaxStep=3; // max steg i rörelsen
  10.  
  11. MinStep=1; // min steg i rörelsen
  12.  
  13. MaxFlake=10; // max storlek på snöflinga
  14.  
  15. MinFlake=4; // min storlek på snöflinga
  16.  
  17. PosX = new Array();
  18.  
  19. PosY = new Array();
  20.  
  21. StepX = new Array();
  22.  
  23. StepY = new Array();
  24.  
  25. StarSize=new Array();
  26.  
  27. for (i = 0; i < Count; i++) {
  28.  
  29. PosX[i] = Math.random()*Width;
  30.  
  31. PosY[i] = Math.random()*Height;
  32.  
  33. StepX[i] =MinStep+Math.random()* -MaxStep;
  34.  
  35. StepY[i] =MinStep+Math.random()* MaxStep;
  36.  
  37. StarSize[i]=MinFlake+Math.random() * MaxFlake;
  38.  
  39. document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>*</div>");
  40.  
  41. }
  42.  
  43. function animate() {
  44.  
  45. for (i = 0; i < Count; i++) {
  46.  
  47. PosY[i] += StepY[i];
  48.  
  49. PosX[i] += StepX[i];
  50.  
  51. document.getElementById("Obj"+i).style.visibility = "visible";
  52.  
  53. if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
  54.  
  55. PosX[i] = Math.random()*Width; ///2
  56.  
  57. PosY[i] = -20;
  58.  
  59. StepX[i] = MinStep+Math.random()* -MaxStep;
  60.  
  61. StepY[i] = MinStep+Math.random()* MaxStep;
  62.  
  63. }
  64.  
  65. document.getElementById("Obj"+i).style.top = PosY[i] + "px";
  66.  
  67. document.getElementById("Obj"+i).style.left = PosX[i] + "px";
  68.  
  69. }
  70.  
  71. setTimeout("animate()", 50);// hastighet
  72.  
  73. }
  74.  
  75. setTimeout("animate()", 1000);
  76.  
  77. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement