Jump to content
xisto Community
Sign in to follow this  
iGuest

JavaScript--A snow storm

Recommended Posts

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

 

 

  Quote

<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
  Minisheep said:

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


  k8donline said:

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.