Jump to content
xisto Community
Sign in to follow this  
iGuest

I really need a java script special effect like snow storm.

Recommended Posts

Hey, I remember there being something like this on phpbbhacks.com (in Javascript). Just search for 'snow' in hacks.It was written for phpBB, obviously, but if you gandered at the code, I'm sure you'd be able to figure out how to adapt it for a non-forum site.

Share this post


Link to post
Share on other sites

SCRIPT LANGUAGE="JavaScript1.2"><!-- Beginvar no = 17;var speed = 25;var snowflake = "http://img.photobucket.com/albums/v433/vocongmanhtuong/snow2.gif";var'>http://img.photobucket.com/albums/v433/vocongmanhtuong/snow2.gif";var ns4up = (document.layers) ? 1 : 0;var ie4up = (document.all) ? 1 : 0;var dx, xp, yp;var am, stx, sty;var i, doc_width = 800, doc_height = 600;if (ns4up) {  doc_width = self.innerWidth;  doc_height = self.innerHeight;} else if (ie4up) {    doc_width = document.body.clientWidth;    doc_height = document.body.clientHeight;  }dx = new Array();xp = new Array();yp = new Array();am = new Array();stx = new Array();sty = new Array();for (i = 0; i < no; ++ i) {    dx[i] = 0;    xp[i] = Math.random()*(doc_width-50);    yp[i] = Math.random()*doc_height;    am[i] = Math.random()*20;   stx[i] = 0.02 + Math.random()/10;   sty[i] = 0.7 + Math.random();   if (ns4up) {      if (i == 0) {          document.write("<layer name="dot"+ i +"" left="15" ");          document.write("top="15" visibility="show"><img src="");          document.write(snowflake + "" border="0"></layer>");      } else {          document.write("<layer name="dot"+ i +"" left="15" ");          document.write("top="15" visibility="show"><img src="");          document.write(snowflake + "" border="0"></layer>");      }   } else if (ie4up) {      if (i == 0) {          document.write("<div id="dot"+ i +"" style="POSITION: ");          document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");          document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");          document.write(snowflake + "" border="0"></div>");      } else {          document.write("<div id="dot"+ i +"" style="POSITION: ");          document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");          document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");          document.write(snowflake + "" border="0"></div>");      }   }}function snowNS() {  for (i = 0; i < no; ++ i) {    yp[i] += sty[i];    if (yp[i] > doc_height-50) {        xp[i] = Math.random()*(doc_width-am[i]-30);        yp[i] = 0;       stx[i] = 0.02 + Math.random()/10;       sty[i] = 0.7 + Math.random();       doc_width = self.innerWidth;      doc_height = self.innerHeight;    }    dx[i] += stx[i];    document.layers["dot"+i].top = yp[i];    document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);  }  setTimeout("snowNS()", speed);}function snowIE() {  for (i = 0; i < no; ++ i) {     yp[i] += sty[i];     if (yp[i] > doc_height-50) {        xp[i] = Math.random()*(doc_width-am[i]-30);        yp[i] = 0;       stx[i] = 0.02 + Math.random()/10;       sty[i] = 0.7 + Math.random();       doc_width = document.body.clientWidth;       doc_height = document.body.clientHeight;     }     dx[i] += stx[i];     document.all["dot"+i].style.pixelTop = yp[i];     document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);  }  setTimeout("snowIE()", speed);}if (ns4up) {   snowNS();} else if (ie4up) {   snowIE();}// End --></script>
change link "http://img.photobucket.com/albums/v433/vocongmanhtuong/snow2.gif" to your image

have fun!

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.