Hojas de otoño cayendo en el blog

Un ejemplo se puede ver en este blog de pruebas.

<script>
//<![CDATA[
// Fall v2.0 By MaxxBlade - http://www.maxxblade.co.uk/fall
var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);}
var numObjs=15, waft=100, fallSpeed=5, wind=-1;

newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCVI1Ax5zl8JGQbLj_8PKUSQtRyhk3s86QnykHrA3ACXneKJ7rb_RAFgwQBty5WXYPmcqFrjXSQQsmEEasbisa4Dde7dxacRS6dVM8DjmXwUW6C41SX4pFcjSjyLJKfp3GTzOiFjg5Prc/s100/hoja1.png",29,15);
newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9d42IZ_PQNwvwk5eICgdXBtSsfzrwQsegvaC1ZA2q1MjZN0SYzTHdD9ONGQBmK0Wj37UGPTuJrMBtmwc8OpQ17T7HnFb1XV8dlnoFKn8RpFq-hHxNlqD2MW8oY_uoyG0mISFiIouRaek/s100/hoja2.png",27,23);
newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW7bS0LxqADo0cyAMUlL2TlHp4_PkyA3dQDfaRYnAdm8zNNuTH_rjy3Q1sn3H6XTbFYgYiA-5u_j9W5V0s2iXv05JyKBjbvvsRybVALnfW6asUxAWCl3u0eiqBXNJlwjZSM0g2iZcRSn8/s100/hoja3.png",46,15);
newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnV2te8WCQyvIGOT77hHZY6axSWIWwA8TBOtlr9jhiuf6TjidO2peTCFDXdGncTFT_LZbotBMrBMsvn_x6DsNAp9WeBMuTMVnRATWd6MMAXsjBvupd4rdEwHuOCqYJ5x1buW7Z07YgGIg/s100/hoja4.png",36,33);
function winSize(){winWidth=(moz)?window.innerWidth:document.body.clientWidth;winHeight=(moz)?window.innerHeight:document.body.clientHeight;}
function fallObject(num,vari,nu){
objects[num]=new Array(parseInt(Math.random()*(winWidth-waft)),-30,(parseInt(Math.random()*waft))*((Math.random()>0.5)?1:-1),0.02+Math.random()/20,0,1+parseInt(Math.random()*fallSpeed),vari,fallObjects[vari][1],fallObjects[vari][2]);
if(nu==1){document.write('<img id="fO'+i+'" style="position:absolute;z-index:9;background:none;border:0;padding:0;box-shadow:none;" src="'+fallObjects[vari][0]+'">'); }
}
function fall(){
for(i=0;i<numObjs;i++){
var fallingObject=document.getElementById('fO'+i);
if((objects[i][1]>(winHeight-(objects[i][5]+objects[i][7])))||(objects[i][0]>(winWidth-(objects[i][2]+objects[i][8])))){fallObject(i,objects[i][6],0);}
objects[i][0]+=wind;objects[i][1]+=objects[i][5];objects[i][4]+=objects[i][3];
with(fallingObject.style){ top=objects[i][1]+winOffset+"px";left=objects[i][0]+(objects[i][2]*Math.cos(objects[i][4]))+"px";}
}
setTimeout("fall()",31);
}
var objects=new Array(),winOffset=0,winHeight,winWidth,togvis,moz=(document.getElementById&&!document.all)?1:0;winSize();
for (i=0;i<numObjs;i++){fallObject(i,parseInt(Math.random()*fallObjects.length),1);}
window.onresize=winSize;fall();
//]]>
</script>

En la parte marcada con color amarillo verás unas opciones:
var numObjs=15, es la cantidad de hojas que aparecerán.
waft=100, es qué tantos pixeles se mueven a los lados cuando caen
fallSpeed=5, es la velocidad, y
wind=-1; es la dirección del viento, puede ser un valor negativo como está, 0 para que no tengan dirección, o un valor positivo (por ejemplo 1). Si es un valor negativo caerán a la izquierda, si es un valor positivo caerán a la derecha.

Con tan sólo eso tu blog tendrá una decoración muy acorde a esta temporada.

Autor | MaxxBlade