- CURSOS Y CODIGOS JAVASCRIPT

CURSOS Y CODIGOS JAVASCRIPT

Efecto de hojas de otoño callendo en tu web

<script language="JavaScript1.2">  //Pre-load your image below! grphcs=new Array(6) Image0=new Image(); Image0.src=grphcs[0]="al.gif"; Image1=new Image(); Image1.src=grphcs[1]="bl.gif" Image2=new Image(); Image2.src=grphcs[2]="cl.gif" Image3=new Image(); Image3.src=grphcs[3]="dl.gif" Image4=new Image(); Image4.src=grphcs[4]="al.gif" Image5=new Image(); Image5.src=grphcs[5]="bl.gif"   Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use! Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Step=new Array(); Cstep=new Array(); ns=(document.layers)?1:0; ns6=(document.getElementById&&!document.all)?1:0;  if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; for (i=0; i < Amount; i++){   Ypos[i] = Math.round(Math.random()*WinHeight);  Xpos[i] = Math.round(Math.random()*WinWidth);  Speed[i]= Math.random()*5+3;  Cstep[i]=0;  Step[i]=Math.random()*0.1+0.05; } function fall(){ var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(90*Math.PI/180); sx = Speed[i]*Math.cos(Cstep[i]); Ypos[i]+=sy; Xpos[i]+=sx;  if (Ypos[i] > WinHeight){ Ypos[i]=-60; Xpos[i]=Math.round(Math.random()*WinWidth); Speed[i]=Math.random()*5+3; } if (ns){ document.layers['sn'+i].left=Xpos[i]; document.layers['sn'+i].top=Ypos[i]+hscrll; } else if (ns6){ document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]); document.getElementById("si"+i).style.top=Ypos[i]+hscrll; } else{ eval("document.all.si"+i).style.left=Xpos[i]; eval("document.all.si"+i).style.top=Ypos[i]+hscrll; }  Cstep[i]+=Step[i]; } setTimeout('fall()',20); }  window.onload=fall //-->  </script>

Efecto de aviones volando en tu web

<script language="JavaScript1.2">  grphcs=new Array(5)   //PRELOAD the involved images (extend or contract variables according to # of images used) Image0=new Image(); Image0.src=grphcs[0]="plane0.gif" Image1=new Image(); Image1.src=grphcs[1]="plane1.gif" Image2=new Image(); Image2.src=grphcs[2]="plane2.gif" Image3=new Image(); Image3.src=grphcs[3]="plane3.gif" Image4=new Image(); Image4.src=grphcs[4]="plane4.gif"  //SPECIFY number of images to randomly display concurrently from list above. Less the more efficient Amount=3;  Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Step=new Array(); Cstep=new Array(); ns=(document.layers)?1:0; ns6=(document.getElementById&&!document.all)?1:0; ie=document.all  if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } WinHeight=(ns||ns6)?window.innerHeight-70:window.document.body.clientHeight; WinWidth=(ns||ns6)?window.innerWidth:window.document.body.clientWidth; for (i=0; i < Amount; i++){   Ypos[i] = Math.round(Math.random()*WinHeight);  Xpos[i] = Math.round(Math.random()*WinWidth);  Speed[i]= Math.random()*5+1;  Cstep[i]=0;  Step[i]=Math.random()*0.1+0.05; } function fly(){ var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;  for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(Cstep[i]); sx = Speed[i]*2; Ypos[i]+=sy; Xpos[i]+=sx;  if (Xpos[i] > WinWidth){ Ypos[i]=Math.round(Math.random()*WinHeight); Xpos[i]=-60; Speed[i]=Math.random()*5+1; }  if (ns){ document.layers['sn'+i].left=Xpos[i]+wscrll; document.layers['sn'+i].top=Ypos[i]; }  else if (ns6){ document.getElementById("si"+i).style.left=Xpos[i]+wscrll; document.getElementById("si"+i).style.top=Math.min(WinHeight,Ypos[i]); }  else{ eval("document.all.si"+i).style.left=Xpos[i]+wscrll; eval("document.all.si"+i).style.top=Ypos[i]; }  Cstep[i]+=Step[i]; } setTimeout('fly()',20); }  if (ie||ns||ns6) window.onload=fly //--> </script>

Mensaje al pasar el raton

Imagen que cambia cada cierto tiempo

Cambiar imagen al pasar el ratón

Hoy habia 68 visitantes (238 clics a subpáginas) ¡Aqui en esta página!

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis