Add snow effect to your website at r9Studio tech LOG

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

alternate snow gif: or
To add the snow effect to your website simply add the below script just before your < body > tag.Word press users can find < body > tag in header.php .Thanks (Thilak @ tech-buzz ) script by ( Sasa Skevin )

Copy the code below

<script type="text/javascript">  /****************************************** * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html) * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code * Last updated Nov 9th, 05′ by DD. This notice must stay intact for use ******************************************/      //Configure below to change URL path to the snow image   var snowsrc=”http://img467.imageshack.us/img467/3419/snowst7.gif” mce_src=”http://img467.imageshack.us/img467/3419/snowst7.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("</p>
<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a xhref=\"http://dynamicdrive.com\"><img xsrc='"+snowsrc+"' border=\"0\"><\/a><\/div>“);       } else {         document.write(”</p>
<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img xsrc='"+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>

11 Responses to “Add snow effect to your website”

Feed for this Entry Trackback Address

1 Thilak Dec 17th, 2006 at 1:13 pm Quote

Hey, Thanks for featuring me. I had one question in mind. How did you add that textarea inside post.

Did you manually do it or do you have a plugin to accomplish the job ?
2 CJS Dec 17th, 2006 at 1:42 pm Quote

Hi thilak the pleasure is all mines bro,well i used

< form > < textarea class="codecontainer" rows="8" name="S1" cols="45" > your code < /textarea >< /form >

Note : remove spaces from the tags
3 Thilak Dec 17th, 2006 at 11:13 pm Quote

Hehe… I thought there was a plugin to do the job. This can only be done from Live Writer or some other desktop publishing tool.

Thanks
4 CJS Dec 18th, 2006 at 10:49 am Quote

Hehe… I thought there was a plugin to do the job. This can only be done from Live Writer or some other desktop publishing tool.

Thanks

:) i got this thing while browsing the page source from that script website..
5 rock Dec 23rd, 2006 at 7:56 pm Quote

How come this doesn’t work on my site? Can you help?
6 CJS Dec 27th, 2006 at 6:18 am Quote

looks its working fine with u r website..
7 david Jul 6th, 2007 at 7:31 am Quote

how to add the script to blogspot?
8 Karen Nov 20th, 2007 at 5:56 am Quote

What do I need to change to get the effect in the centre of the page? I don’t want to change the page size though some browsers will be looking at the page on a wider than 80o screen

Thanks
9 Milan Dec 5th, 2007 at 2:27 pm Quote

Can i copy the code in myspace profile page to add this snow effect in “about me” section .. or i need something special to move this to work..plug..or something else. And do i must enter numbers between brackets…[sorry 4 my english]

- i try to copy to myspace profile page,i enter the url of “snow.gif”[my sample] .. but nothing happen .. this code is all show to page..if somebody have the worked code only to put on page .. helppp pleaseeeeeeee ………. thx ( i am stupid 4 this html coding ..
10 Chris Antjoule Dec 7th, 2007 at 4:46 pm Quote

Hi, I noticed your cool snow and would really like to use it on my home page. Mine’s an Intel iMac and I use iWeb to publish my site, I’m really not up to HTML and all that.

Can you help me, I don’t have a problem copying the code into HTML snippet, but I don’t have a clue after that? I’m sure it’s dead easy, but I don’t know how.

Chris
11 Bill Feb 7th, 2008 at 11:31 pm Quote

This website is very nice and colorful too. Its nice to have something to show others where you attend church and to show all the smiling people filled of the goodness of the Lord. You have a wonderful website here. May God rich bless you always.