Nuevo foro
los invitamos al nuevo foro con cosas nuevas..!!!www.codigosya.com/forovb/index.php

Nieve cae en tu web

Responder al tema

Ver el tema anterior Ver el tema siguiente Ir abajo

Nieve cae en tu web

Mensaje por Habannita el Vie Ene 11, 2008 6:04 pm

Para hacer el efecto de que cae nieve sobre tu web muy bueno Razz

Y de paso les ragalo las imagenes Very Happy









Ver Ejemplo

Código:
   
    <script language="JavaScript1.2">


  //Configure below to change URL path to the snow image
  var snowsrc="URL DEL GIF DE NIEVE"
  // Configure below to change number of snow to render
  var no = 10;

  var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600;
 
  if (ns4up||ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    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
    if (ns4up) {                      // set layers
      if (i == 0) {
        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://www.webcindario.com/yomaster/principal.htm/\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/layer>");
      } else {
        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");
      }
    } else if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://www.webcindario.com/yomaster/principal.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }
 
  function snowNS() {  // Netscape 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();
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      }
      dx[i] += stx[i];
      document.layers["dot"+i].top = yp[i];
      document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowNS()", 10);
  }

  function snowIE_NS6() {  // IE and NS6 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();
        doc_width = ns6up?window.innerWidth : document.body.clientWidth;
        doc_height = ns6up?window.innerHeight : document.body.clientHeight;
      }
      dx[i] += stx[i];
      if (ie4up){
      document.all["dot"+i].style.pixelTop = yp[i];
      document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
      }
      else if (ns6up){
      document.getElementById("dot"+i).style.top=yp[i];
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
      } 
    }
    setTimeout("snowIE_NS6()", 10);
  }

  if (ns4up) {
    snowNS();
  } else if (ie4up||ns6up) {
    snowIE_NS6();
  }

    </script>


Última edición por el Vie Feb 08, 2008 1:52 pm, editado 1 vez

_________________





Habannita
Admin
Admin

Masculino
Cantidad de envíos: 363
Edad: 19
Sitio Web: http://www.codigosya.com/
Foro: http://habannita.foroactivo.net/
Fecha de inscripción: 12/07/2007

Estados
Hoy me siento: Feliz
Comentario: www.codigosya.com

Ver perfil de usuario

Volver arriba Ir abajo

Re: Nieve cae en tu web

Mensaje por Koni! el Dom Feb 03, 2008 6:31 am

Y donde se pone este codigo??

Koni!
Bebé
Bebé

Femenino
Cantidad de envíos: 9
Edad: 19
Fecha de inscripción: 03/02/2008

Ver perfil de usuario

Volver arriba Ir abajo

Re: Nieve cae en tu web

Mensaje por Habannita el Dom Feb 03, 2008 5:35 pm

en laparte del body de tu web lo puedes poner antes del </body>

_________________





Habannita
Admin
Admin

Masculino
Cantidad de envíos: 363
Edad: 19
Sitio Web: http://www.codigosya.com/
Foro: http://habannita.foroactivo.net/
Fecha de inscripción: 12/07/2007

Estados
Hoy me siento: Feliz
Comentario: www.codigosya.com

Ver perfil de usuario

Volver arriba Ir abajo

Re: Nieve cae en tu web

Mensaje por Koni! el Jue Feb 07, 2008 7:31 am

pero y si tengo un foro igual al de ustedes? con ese panel de foroactivo

Koni!
Bebé
Bebé

Femenino
Cantidad de envíos: 9
Edad: 19
Fecha de inscripción: 03/02/2008

Ver perfil de usuario

Volver arriba Ir abajo

Re: Nieve cae en tu web

Mensaje por dead-033 el Sáb Feb 16, 2008 10:33 am

no lo se koni puede ser es algo dificl aser esto io no entendi eso de antes del body lo puedes poner en un box ... o cuerpo tambn pero solo caeria en la pagina q tu escogas o lo puedes poner en arriba de la pagina o debajo de la pagina

_________________

www.word-pc.es.tl

dead-033
Moderador
Moderador

Masculino
Cantidad de envíos: 73
Edad: 20
Sitio Web: www.word-pc.es.tl
Fecha de inscripción: 23/10/2007

Ver perfil de usuario

Volver arriba Ir abajo

nocec como sacar el rul ala imagen

Mensaje por BrAnDoN el Dom Sep 14, 2008 5:11 pm

como coloco la imagen? hay que sacarle la irul esa ? como se saca eso ya tengo el codigo pero noce como colocar la imagen !

BrAnDoN
Invitado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


Responder al tema
Permiso de este foro:
Puedes responder a temas en este foro.