SNOW FALLING

Guest · Oct 8, 2005

I would like to start thinking about having some snow falling as a background
for my school website - probably behind the school logo on the template.Any
ideas?Thank you!

DI · Oct 8, 2005

Source code for Snow Falling:

<html>
<body bgcolor="#228B22">
<style>
..drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size:
40; color: blue }
</style>
<script language="javascript">
snow = true;
snowsym = " * "
rainsym = " ' "
howmany = 25
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}

</script>
<script language="javascript">

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
//*Change (col = 'white) to (col =YOUR COLOR)*//
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</html>

DI · Oct 8, 2005

snow falling as a background
http://webdeveloper.earthweb.com/webjs/jsbg/item.php/649271

Dean Collins · Oct 8, 2005

wow thanks for that, I'll save that for later in the year.

Chris Leeds, MVP-FrontPage · Oct 8, 2005

I have a silly invitation that I did for a company in Atlanta a while back,
it's bubbles but you could easily replace the bubble image with snowflakes:
http://nedp.net/newh/march/

--
Chris Leeds,
Microsoft MVP-FrontPage

ContentSeed: great tool for web masters,
a fantastic convenience for site owners.
http://contentseed.com/

Guest · Oct 9, 2005

Thanks very much - where do I paste it?Joey

DI said:
Source code for Snow Falling:

<html>
<body bgcolor="#228B22">
<style>
..drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size:
40; color: blue }
</style>
<script language="javascript">
snow = true;
snowsym = " * "
rainsym = " ' "
howmany = 25
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}

</script>
<script language="javascript">

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
//*Change (col = 'white) to (col =YOUR COLOR)*//
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</html>

JOEY said:

I would like to start thinking about having some snow falling as a
background
for my school website - probably behind the school logo on the
template.Any
ideas?Thank you!

Click to expand...

Guest · Oct 9, 2005

Ignore where to paste, I did it! Wow - that's so cool - thank you!

DI said:
Source code for Snow Falling:

<html>
<body bgcolor="#228B22">
<style>
..drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size:
40; color: blue }
</style>
<script language="javascript">
snow = true;
snowsym = " * "
rainsym = " ' "
howmany = 25
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}

</script>
<script language="javascript">

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
//*Change (col = 'white) to (col =YOUR COLOR)*//
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</html>

JOEY said:

I would like to start thinking about having some snow falling as a
background
for my school website - probably behind the school logo on the
template.Any
ideas?Thank you!

Click to expand...

Guest · Oct 9, 2005

Hey Chris........how do you make the converted snow bubbles go the other way
so that they come down rather than go up? :-)

Chris Leeds, MVP-FrontPage · Oct 9, 2005

Never tried but I suppose you'd look into the JavaScript and see what's
making them go one way, them reverse that.
Sorry I don't have an absolute answer but I'm sure a little poking around in
the code would yield the answer.
I mentioned the margarita thing since the bubbles always reminded me of
"snow" effect.
You could also look at www.javascript.internet.com for "snow" and you'll
probably find a ton.

HTH

--
Chris Leeds,
Microsoft MVP-FrontPage

ContentSeed: great tool for web masters,
a fantastic convenience for site owners.
http://contentseed.com/
--

Trevor L. · Oct 11, 2005

I downloaded this and tried it - very nice.

But, it opens a new page. When I try to insert it on my main page, it
doesn't seem to work properly. A few snow drops appear at the top of the
page and what it does (which isn't much) it does very slowly

Any ideas?
My Ideas -
I think it is to do with positioning of <DIV>'s . Perhaps the snow needs to
be in a absolute <DIV> which is the whole page.

Guest · Aug 23, 2006

How could I create a snow falling in power point as a background?

DI said:
Source code for Snow Falling:

<html>
<body bgcolor="#228B22">
<style>
..drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size:
40; color: blue }
</style>
<script language="javascript">
snow = true;
snowsym = " * "
rainsym = " ' "
howmany = 25
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}

</script>
<script language="javascript">

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
//*Change (col = 'white) to (col =YOUR COLOR)*//
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</html>

JOEY said:

I would like to start thinking about having some snow falling as a
background
for my school website - probably behind the school logo on the
template.Any
ideas?Thank you!

Click to expand...

Tom Willett · Aug 23, 2006

You need to ask in a Power Point newsgroup.
--
===
Tom Willett
Microsoft MVP - FrontPage
---
FrontPage Support:
http://www.frontpagemvps.com/
===
| How could I create a snow falling in power point as a background?
|
| "DI" wrote:
|
| > Source code for Snow Falling:
| >
| > <html>
| > <body bgcolor="#228B22">
| > <style>
| > ..drop { position: absolute; width: 3; filter: flipV(), flipH();
font-size:
| > 40; color: blue }
| > </style>
| > <script language="javascript">
| > snow = true;
| > snowsym = " * "
| > rainsym = " ' "
| > howmany = 25
| > if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
| > else{sym = rainsym; speed=50; drops=howmany; angle=6}
| > movex = -speed/angle; movey = speed; count = 0;
| >
| > function moverain(){
| > for(move = 0; move < drops; move++){
| > xx[move]+=movex; yy[move]+=mv[move];
| > hmm = Math.round(Math.random()*1);
| > if(xx[move] < 0){xx[move] = maxx+10;}
| > if(yy[move] > maxy){yy[move] = 10;}
| > drop[move].left = xx[move]
| > drop[move].top = yy[move]+document.body.scrollTop;
| > }setTimeout('moverain()','1')}
| >
| > </script>
| > <script language="javascript">
| >
| > if (document.all){
| > drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
| > ly = "document.all[\'"; st = "\'].style"
| > for(make = 0; make < drops; make++){
| > document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
| > drop[make] = eval(ly+'drop'+make+st);
| > maxx = document.body.clientWidth-40
| > maxy = document.body.clientHeight-40
| > xx[make] = Math.random()*maxx;
| > yy[make] = -100-Math.random()*maxy;
| > drop[make].left = xx[make]
| > drop[make].top = yy[make]
| > mv[make] = (Math.random()*5)+speed/4;
| > drop[make].fontSize = (Math.random()*10)+20;
| > //*Change (col = 'white) to (col =YOUR COLOR)*//
| > if(snow){col = 'white'}else{col = 'blue'}
| > drop[make].color = col;
| > }
| > window.onload=moverain
| > }
| > </script>
| > </html>
| >
| >
| >
| > | > >I would like to start thinking about having some snow falling as a
| > >background
| > > for my school website - probably behind the school logo on the
| > > template.Any
| > > ideas?Thank you!
| >
| >
| >

Bob Lehmann · Aug 24, 2006

First, take the Time Machine back about 10 or 12 years.

Then ask in a PowerPoint group.

Bob Lehmann

JINa said:
How could I create a snow falling in power point as a background?

DI said:

Source code for Snow Falling:

<html>
<body bgcolor="#228B22">
<style>
..drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size:
40; color: blue }
</style>
<script language="javascript">
snow = true;
snowsym = " * "
rainsym = " ' "
howmany = 25
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}

</script>
<script language="javascript">

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
//*Change (col = 'white) to (col =YOUR COLOR)*//
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</html>

JOEY said:

I would like to start thinking about having some snow falling as a
background
for my school website - probably behind the school logo on the
template.Any
ideas?Thank you!

Click to expand...

Click to expand...

Andrew Murray · Aug 24, 2006

Should that be "Ask Quinn Mallory for his sliding machine timer and slide to
a parallel newsgroup where you can discuss this problem" ?

LOL

Bob Lehmann said:
First, take the Time Machine back about 10 or 12 years.

Then ask in a PowerPoint group.

Bob Lehmann

JINa said:

How could I create a snow falling in power point as a background?

DI said:

Source code for Snow Falling:

<html>
<body bgcolor="#228B22">
<style>
..drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size:
40; color: blue }
</style>
<script language="javascript">
snow = true;
snowsym = " * "
rainsym = " ' "
howmany = 25
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}

</script>
<script language="javascript">

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new
Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
//*Change (col = 'white) to (col =YOUR COLOR)*//
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</html>

I would like to start thinking about having some snow falling as a
background
for my school website - probably behind the school logo on the
template.Any
ideas?Thank you!

Click to expand...

Click to expand...

SNOW FALLING

Guest

DI

DI

Dean Collins

Chris Leeds, MVP-FrontPage

Guest

Guest

Guest

Chris Leeds, MVP-FrontPage

Trevor L.

Guest

Tom Willett

Bob Lehmann

Andrew Murray