SNOW FALLING

A wintermare comes true! In case there's no winter outside due to climate change you have snowfall at least on your homepage. Please see another sample of snow flurry (on our homepage):

To run this script first of all one of these snow gifs has to be uploaded on your server:

Please copy the following code by pushing the below button and paste the copied code into the source code of your own homepage. Please notice: the address (URL) of the snow gif has to be inserted correctly according to the location where you store your gifs. Otherwise you don't see snow but only crosses (nothing). By the way: you can take any snow gif available (or, for example, a leaf gif). In the code itself you may set various parameters such as number of snowflakes or falling speed. Have a try!

 <script type='text/javascript'> 
<!-- 
var no = 35; // Number of snow flakes 
var speed = 25; // Speed -> the bigger the number, the faster they fall 
var snowflake = "http://URL to snow gig"; 
			
var dx, xp, yp;    // coordinate and position variables 
var am, stx, sty;  // amplitude and step variables 
var i, doc_width, doc_height; 
doc_width = document.body.clientWidth; 
doc_height = 2400; 

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;                        // 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 (i == 0) { 
                document.write("<div id=\"schneedot"+ 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=\"schneedot"+ 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 snowIE() {  // IE main animation function 
        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("schneedot"+i).style.top = yp[i] + "px"; 
                document.getElementById("schneedot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i]))  + "px"; 
        } 
        setTimeout("snowIE()", speed); 
} 
//--> 
</script></p>
    <div id="kostenlosejavascripts" align="center"><a title="Javascript Codes" target="_blank" href="http://www.kostenlose-javascripts.de/javascripts.html" _fcksavedurl="http://www.kostenlose-javascripts.de/javascripts.html"><font color="lightblue">Javascript Codes</font></a></div>
    <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=273"></script><!-- praesentiert von kostenlose-javascripts.de -->

And now: enjoy tinkering!

This page was last updated on: 06.05.2010

Javascript Codes