RSS

[ Nuevos mensajes · Participantes · Reglas del foro · Búsqueda · RSS ]
  • Página 1 de 1
  • 1
Moderador del foro: aXertijo  
Foro » Programacion, Ayuda, Webs, Programas y Tegnologia » Tutoriales » [RECURSO] Efecto Nieve
[RECURSO] Efecto Nieve
Fecha: Miercoles, 2008-12-31 | Mensaje # 1
 
Super Usuario!!!
Grupo: Administrador
Mensajes: 1365
Estado: Desconectado
Reputacion: 2
EFECTO NIEVE

Este codigo deben pegarlo en sus archivos html para que se puedan visualizar en su web.

Code
<script type="text/javascript">  var no = 10; // snow number  var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600;  doc_width = document.body.clientWidth; doc_height = document.body.clientHeight;  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 document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: 10"+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"http://www.subetela.com/f/a/q/p/51898.gif\" border=\"0\"></div>"); }  function snow() { 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(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.getElementById("dot"+i).style.top = yp[i]; document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snow()", 20); }  snow(); </script>

Si quieren usar otra imagen en vez de la del copo de nieve cambien la parte que dice: http://www.subetela.com/f/a/q/p/51898.gif\ por la url de la imagen que quieran.

Suerte saludos.


 
Fecha: Jueves, 2009-01-01 | Mensaje # 2
 
Usuario Modelo!
Grupo: Usuario
Mensajes: 386
Estado: Desconectado
Reputacion: 1
quien pija tiene una web aca ademas de vos man? martin? nadie mas


 
Fecha: Jueves, 2009-01-01 | Mensaje # 3
 
Super Usuario!!!
Grupo: Administrador
Mensajes: 1365
Estado: Desconectado
Reputacion: 2
Quote (johnny)
quien pija tiene una web aca ademas de vos man? martin? nadie mas

mmm... otros usuarios que por ahi pasan por aca y lo ven -aplauso-


 
Foro » Programacion, Ayuda, Webs, Programas y Tegnologia » Tutoriales » [RECURSO] Efecto Nieve
  • Página 1 de 1
  • 1
Búscar:

 

Alojado por uCoz