Mostrando entradas con la etiqueta Gifs animados lluvia. Mostrar todas las entradas
Mostrando entradas con la etiqueta Gifs animados lluvia. Mostrar todas las entradas

martes, 23 de abril de 2024

GIF animados » Naturaleza » Lluvia Arcoiris

 Lluvia Arcoiris



<a href="https://www.glitter-graphics.com"><img src="http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif" width=90 height=90 border=0></a>



<script type='text/javascript'>


var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);}


var numObjs=8, waft=22, fallSpeed=8, wind=0;


newObject("https://i.postimg.cc/26X7SYND/estrellas.gif",5,5);


function winSize(){winWidth=(moz)?window.innerWidth-120:document.body.clientWidth-120;winHeight=(moz)?window.innerHeight+500:document.body.clientHeight+500;}


function winOfy(){winOffset=(moz)?window.pageYOffset:document.body.scrollTop;}


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:fixed;" 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);}


fall();


</script>