JavaScript-Schnee

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • JavaScript-Schnee

    Quellcode

    1. var snowmax = 35;
    2. var snowcolor = new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF");
    3. var snowtype = new Array('Arial Black', 'Arial Narrow', 'Times', 'Comic Sans MS');
    4. var snowletter = '*';
    5. var sinkspeed = 0.2;
    6. var snowmaxsize = 48;
    7. var snowminsize = 10;
    8. var snowingzone = 1;
    10. var snow = new Array();
    11. var marginbottom;
    12. var marginright;
    13. var timer;
    14. var i_snow = 0;
    15. var x_mv = new Array();
    16. var crds = new Array();
    17. var lftrght = new Array();
    18. var browserinfos = navigator.userAgent;
    19. var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/);
    20. var ns6 = document.getElementById && !document.all;
    21. var opera = browserinfos.match(/Opera/);
    22. var browserok = ie5 || ns6 || opera;
    24. function randommaker(range)
    25. {
    26. return Math.floor(range * Math.random());
    27. }
    29. function initsnow()
    30. {
    31. if (ie5 || opera)
    32. {
    33. marginbottom = document.body.clientHeight;
    34. marginright = document.body.clientWidth;
    35. }
    36. else if (ns6)
    37. {
    38. marginbottom = window.innerHeight;
    39. marginright = window.innerWidth;
    40. }
    42. var snowsizerange = snowmaxsize - snowminsize;
    44. for (var i = 0; i <= snowmax; i++)
    45. {
    46. crds[i] = 0;
    47. lftrght[i] = Math.random() * 15;
    48. x_mv[i] = 0.03 + Math.random() / 10;
    49. snow[i] = document.getElementById('s' + i);
    50. snow[i].style.fontFamily = snowtype[randommaker(snowtype.length)];
    51. snow[i].size = randommaker(snowsizerange) + snowminsize;
    52. snow[i].style.fontSize = snow[i].size;
    53. snow[i].style.color = snowcolor[randommaker(snowcolor.length)];
    54. snow[i].sink = sinkspeed * snow[i].size / 5;
    56. if (snowingzone == 1)
    57. snow[i].posx = randommaker(marginright - snow[i].size);
    59. if (snowingzone == 2)
    60. snow[i].posx = randommaker(marginright / 2 - snow[i].size);
    62. if (snowingzone == 3)
    63. snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4;
    65. if (snowingzone == 4)
    66. snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2;
    68. snow[i].posy = randommaker(2 * marginbottom - marginbottom - 2 * snow[i].size);
    69. snow[i].style.left = snow[i].posx;
    70. snow[i].style.top = snow[i].posy;
    71. }
    73. movesnow();
    74. }
    76. function movesnow()
    77. {
    78. for (var i = 0; i <= snowmax; i++)
    79. {
    80. crds[i] += x_mv[i];
    81. snow[i].posy += snow[i].sink;
    82. snow[i].style.left = snow[i].posx + lftrght[i] * Math.sin(crds[i]);
    83. snow[i].style.top = snow[i].posy;
    85. if ((snow[i].posy >= (marginbottom - 2 * snow[i].size)) || (parseInt(snow[i].style.left) > (marginright - 3 * lftrght[i])))
    86. {
    87. if (snowingzone == 1)
    88. snow[i].posx = randommaker(marginright - snow[i].size);
    90. if (snowingzone == 2)
    91. snow[i].posx = randommaker(marginright / 2 - snow[i].size);
    93. if (snowingzone == 3)
    94. snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4;
    96. if (snowingzone == 4)
    97. snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2;
    99. snow[i].posy = 0;
    100. }
    101. }
    103. var timer = setTimeout('movesnow();', 20); //Wert von 10 bis 100
    104. }
    106. for (var i = 0; i <= snowmax; i++) {
    107. var zindex = i+10000;
    108. zindex *= 1;
    109. document.write('<div id="s' + i +'" style="position: absolute; top: -' + snowmaxsize + '; z-index:' + zindex + '">' + snowletter + '</div>');
    110. }
    Alles anzeigen

    Das ist meine snow.js-Datei - Firefox meldet mir ständig, dass ungültige Eigenschaften bei top, left und font-size gesetzt werden und die Deklarationen ignoriert werden. Weiß jemand zufällig, wo der Fehler ist? :/