« »

Decorate your webpage with this great animated document effect! Watch as snow fall gently trickles down the page, then disappear. The image of snow flakes used is changeable, so snow definitely isn't the only effect this script can render.

Label: falling snowflake, image, snowflake, animated document, snow, snow fall, snow flake

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
Files
JavaScript
Print

snow3.gif

Copy All x2

<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
******************************************/
  
  //Configure below to change URL path to the snow image
  var snowsrc="snow3.gif"
  // Configure below to change number of snow to render
  var no = 10;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

	function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600; 
  
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
  for (i = 0; i < no; ++ i) {  
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
		if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><a href="http://dynamicdrive.com"><img src='"+snowsrc+"' border="0"></a></div>");
      } else {
        document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><img src='"+snowsrc+"' border="0"></div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
		doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      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();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";  
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

	function hidesnow(){
		if (window.snowtimer) clearTimeout(snowtimer)
		for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
	}
		

if (ie4up||ns6up){
    snowIE_NS6();
		if (hidesnowtime>0)
		setTimeout("hidesnow()", hidesnowtime*1000)
		}

</script>

Comment (5)
Write

by 0o_flame_o0, 08/01/2009 08:01 PM
code nhÃºng lá»—i Reply

Code bá»‹ nhÃºng lá»—i háº¿t khÃ´ng cÃ³ code nÃ o cháº¡y Ä‘Æ°á»£c !!

by Cao Phong, 10/01/2009 10:01 AM
Reply

ráº¥t tiáº¿c khi báº¡n gáº·p lá»—i ngá»› ngáº©n nÃ y, táº¥t cáº£ code Ä‘Ã£ Ä‘Æ°á»£c sá»a láº¡i vÃ hoáº¡t Ä‘á»™ng tá»‘t

cÃ¡m Æ¡n báº¡n

by hanh, 30/11/2010 01:11 PM
giÃºp chÃ¨n code vÃ o web Reply

anh admin chá»‰ em cÃ¡ch chÃ¨n code trÃªn vÃ o web Ä‘i anh, em Ä‘ang xÃ i joomla 1.5, em má»›i táºp lÃ m web nÃªn cÃ²n gÃ láº¯m mong anh admin pro hÆ°á»›ng dáº«n chi tiáº¿t dÃ¹m, thanks anh admin nhiá»u nhiá»u !

by Cao Phong, 30/11/2010 05:11 PM
@ hanh Reply

báº¡n chá»‰ cáº§n copy mÃ£ JavaScript dÃ¡n vÃ o template cá»§a Joomla, vÃ lÆ°u áº£nh bÃ´ng tuyáº¿t vÃ o thÆ° má»¥c tÆ°Æ¡ng á»©ng lÃ Ä‘Æ°á»£c

cÃ²n cÃ¡ch Ä‘á»ƒ sá»a template cá»§a Joomla thÃ¬ báº¡n vui lÃ²ng tÃ¬m kiáº¿m vá»›i Google nhÃ©

by jpk, 16/12/2010 12:12 AM
Snow Falling Animation Reply

Snow Falling Animation

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
~~Your site~~

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (1)
New

BBCode
HTML
URL
JID

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz
Voice chat comning soon. You could talk to ChatGPT and hear the most intelligent AI speaks very soon

Cool Domains for Sale!

choose.exchange YeuNu.com war.money ApexBTC.com CryptoKD.com XMQV.com eChainBank.com ZWVQ.com index.services choose.works pornID.net ChatTotal.com system.money CreditCard.rip ChainTutor.com Card.rip CTRCoin.com ABP3.com this.bid CoinHolo.com

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Altan d.o.o [more]
22,593
5
23
1
5.57 KBytes

JavaScript Falling Snowflakes with images

4/5 23 votes / 22,593 previews / 5 comment 30/01/2007 Decorate your webpage with this great animated document effect! Watch as snow fall gently trickles down the page, then d...JavaScript Falling Snowflakes with images - Falling Snowflakes with images

thesonpro_27[2] kellyg726[4] jamonstah saudom 50k[2] Cao Phong[2] BayArch[2] xxx0xxx_dvh[2] galla[2] johnpot