Guten Tag!
Ich versuche schon die ganze Zeit, dass der Schnee auf der ganzen Seite fällt, aber er fällt nur oben und dann bis zur Mitte :(
Was hab ich falsch gemacht?
Hier der Code:
<html>
<head>
<script language="JavaScript" type="text/javascript">
var snowmax = 35;
var snowcolor = new Array('#eeeeff', '#ffffdd', '#eeeedd', '#ffffff');
var snowtype = new Array('Arial Black', 'Arial Narrow', 'Times', 'Comic Sans MS');
var snowletter = '*';
var sinkspeed = 0.3;
var snowmaxsize = 48;
var snowminsize = 10;
var snowingzone = 1;
var snow = new Array();
var marginbottom;
var marginright;
var timer;
var i_snow = 0;
var x_mv = new Array();
var crds = new Array();
var lftrght = new Array();
var browserinfos = navigator.userAgent;
var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/);
var ns6 = document.getElementById && !document.all;
var opera = browserinfos.match(/Opera/);
var browserok = ie5 || ns6 || opera;
function randommaker(range)
{
return Math.floor(range * Math.random());
}
function initsnow()
{
if (ie5 || opera)
{
marginbottom = document.body.clientHeight;
marginright = document.body.clientWidth;
}
else if (ns6)
{
marginbottom = window.innerHeight;
marginright = window.innerWidth;
}
var snowsizerange = snowmaxsize - snowminsize;
for (var i = 0; i <= snowmax; i++)
{
crds = 0;
lftrght = Math.random() * 15;
x_mv = 0.03 + Math.random() / 10;
snow = document.getElementById('s' + i);
snow.style.fontFamily = snowtype[randommaker(snowtype.length)];
snow.size = randommaker(snowsizerange) + snowminsize;
snow.style.fontSize = snow.size;
snow.style.color = snowcolor[randommaker(snowcolor.length)];
snow.sink = sinkspeed * snow.size / 5;
if (snowingzone == 1)
snow.posx = randommaker(marginright - snow.size);
if (snowingzone == 2)
snow.posx = randommaker(marginright / 2 - snow.size);
if (snowingzone == 3)
snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 4;
if (snowingzone == 4)
snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 2;
snow.posy = randommaker(2 * marginbottom - marginbottom - 2 * snow.size);
snow.style.left = snow.posx;
snow.style.top = snow.posy;
}
movesnow();
}
function movesnow()
{
for (var i = 0; i <= snowmax; i++)
{
crds += x_mv;
snow.posy += snow.sink;
snow.style.left = snow.posx + lftrght * Math.sin(crds);
snow.style.top = snow.posy;
if ((snow.posy >= (marginbottom - 2 * snow.size)) || (parseInt(snow.style.left) > (marginright - 3 * lftrght)))
{
if (snowingzone == 1)
snow.posx = randommaker(marginright - snow.size);
if (snowingzone == 2)
snow.posx = randommaker(marginright / 2 - snow.size);
if (snowingzone == 3)
snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 4;
if (snowingzone == 4)
snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 2;
snow.posy = 0;
}
}
var timer = setTimeout('movesnow();', 20); //Wert von 10 bis 100
}
for (var i = 0; i <= snowmax; i++)
document.write('<span id="s' + i +'" style="position: absolute; top: -' + snowmaxsize + '">' + snowletter + '</span>');
if (browserok)
window.onload = initsnow;
</script>
</head>
<body>
</body>
</html>
Ich versuche schon die ganze Zeit, dass der Schnee auf der ganzen Seite fällt, aber er fällt nur oben und dann bis zur Mitte :(
Was hab ich falsch gemacht?
Hier der Code:
<html>
<head>
<script language="JavaScript" type="text/javascript">
var snowmax = 35;
var snowcolor = new Array('#eeeeff', '#ffffdd', '#eeeedd', '#ffffff');
var snowtype = new Array('Arial Black', 'Arial Narrow', 'Times', 'Comic Sans MS');
var snowletter = '*';
var sinkspeed = 0.3;
var snowmaxsize = 48;
var snowminsize = 10;
var snowingzone = 1;
var snow = new Array();
var marginbottom;
var marginright;
var timer;
var i_snow = 0;
var x_mv = new Array();
var crds = new Array();
var lftrght = new Array();
var browserinfos = navigator.userAgent;
var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/);
var ns6 = document.getElementById && !document.all;
var opera = browserinfos.match(/Opera/);
var browserok = ie5 || ns6 || opera;
function randommaker(range)
{
return Math.floor(range * Math.random());
}
function initsnow()
{
if (ie5 || opera)
{
marginbottom = document.body.clientHeight;
marginright = document.body.clientWidth;
}
else if (ns6)
{
marginbottom = window.innerHeight;
marginright = window.innerWidth;
}
var snowsizerange = snowmaxsize - snowminsize;
for (var i = 0; i <= snowmax; i++)
{
crds = 0;
lftrght = Math.random() * 15;
x_mv = 0.03 + Math.random() / 10;
snow = document.getElementById('s' + i);
snow.style.fontFamily = snowtype[randommaker(snowtype.length)];
snow.size = randommaker(snowsizerange) + snowminsize;
snow.style.fontSize = snow.size;
snow.style.color = snowcolor[randommaker(snowcolor.length)];
snow.sink = sinkspeed * snow.size / 5;
if (snowingzone == 1)
snow.posx = randommaker(marginright - snow.size);
if (snowingzone == 2)
snow.posx = randommaker(marginright / 2 - snow.size);
if (snowingzone == 3)
snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 4;
if (snowingzone == 4)
snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 2;
snow.posy = randommaker(2 * marginbottom - marginbottom - 2 * snow.size);
snow.style.left = snow.posx;
snow.style.top = snow.posy;
}
movesnow();
}
function movesnow()
{
for (var i = 0; i <= snowmax; i++)
{
crds += x_mv;
snow.posy += snow.sink;
snow.style.left = snow.posx + lftrght * Math.sin(crds);
snow.style.top = snow.posy;
if ((snow.posy >= (marginbottom - 2 * snow.size)) || (parseInt(snow.style.left) > (marginright - 3 * lftrght)))
{
if (snowingzone == 1)
snow.posx = randommaker(marginright - snow.size);
if (snowingzone == 2)
snow.posx = randommaker(marginright / 2 - snow.size);
if (snowingzone == 3)
snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 4;
if (snowingzone == 4)
snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 2;
snow.posy = 0;
}
}
var timer = setTimeout('movesnow();', 20); //Wert von 10 bis 100
}
for (var i = 0; i <= snowmax; i++)
document.write('<span id="s' + i +'" style="position: absolute; top: -' + snowmaxsize + '">' + snowletter + '</span>');
if (browserok)
window.onload = initsnow;
</script>
</head>
<body>
</body>
</html>