Jump to content
xisto Community
Sign in to follow this  
iGuest

JavaScript--A snow storm

Recommended Posts

A snow storm: after <BODY> or <HEAD>

 

 

<body bgcolor=#000000 onLoad="snow()">

<script language="JavaScript">

<!--  

N = 40;  

Y = new Array();

X = new Array();

S = new Array();

A = new Array();

B = new Array();

M = new Array();

V = (document.layers)?1:0;

 

iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;

iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;

for (i=0; i < N; i++){                                                                

Y=Math.round(Math.random()*iH);

X=Math.round(Math.random()*iW);

S=Math.round(Math.random()*5+2);

A=0;

B=Math.random()*0.1+0.1;

M=Math.round(Math.random()*1+1);

}

if (V){

for (i = 0; i < N; i++)

{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M+","+M+"'></LAYER>")}

}

else{

document.write('<div style="position:absolute;top:0px;left:0px">');

document.write('<div style="position:relative">');

for (i = 0; i < N; i++)

{document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M+';height:'+M+';background:#fffff0;font-size:'+M+'"></div>')}

document.write('</div></div>');

}

function snow(){

var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;

var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;

var T=(document.layers)?window.pageYOffset:document.body.scrollTop;

var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;

for (i=0; i < N; i++){

sy=S*Math.sin(90*Math.PI/180);

sx=S*Math.cos(A);

Y+=sy;

X+=sx;  

if (Y > H){

Y=-10;

X=Math.round(Math.random()*W);

M=Math.round(Math.random()*1+1);

S=Math.round(Math.random()*5+2);

}

if (V){document.layers['sn'+i].left=X;document.layers['sn'+i].top=Y+T}

else{si.style.pixelLeft=X;si.style.pixelTop=Y+T}  

A+=B;

}

setTimeout('snow()',10);

}

//-->

</script>

Share this post


Link to post
Share on other sites

I copyed this in dreamweaver 2004 after <head> and it is not working. :roll: :| :shock: can somebody tell me more specificly? :roll:

Share this post


Link to post
Share on other sites

Wonderful.Maybe you can use some images instead of the white block.


nice idea!but the website will be slow down.

yes some snow flake images would look a lot better for this script, but as said it will slow down the site. I have used the same script myself, and every time I would always get someone telling me. remove it, it freeze up my system or makes it too slow.

Share this post


Link to post
Share on other sites

I thought it was great, but as everyone said, and I thought would happen, it slowed down my site too much. Great idea though. I'm sure it will come handy to those with high powered servers. :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.