Copos de nieve en tu pagina

 

 EFECTO COPOS DE NIEVE EN TU PAGINA WEB

 

Este es un codigo en lenguaje javascript que le da la apariencia a tu pagina de que esta nevando es un truco 

muy bueno para esas fechas de nochebuena, navidad y año nuevo , o simplemente si a tu pagina le queda muy bien tu puedes ponerselo facilmente.

     Para tenerlo en tu pagina solo necesitas copiar el siguiente código y pegarlo dentro de el <head></head> de tu pagina si tienes acceso a el o si no tambien lo puedes pegar el el <body></body>  en la seccion del sidebar.

 

 

 

 

<script language='javascript' type='text/javascript'>

//<![CDATA[

// copos de nieve

 

var numero = 8

var velocidad = 40

var imagenamor = "http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/i7bbe3403eaafe69d/1355371883/thumb/copo-de-nieve.png"

 

var ns4arriba = (document.layers) ? 1 : 0

var ie4arriba = (document.all) ? 1 : 0

var dombrowser = (document.getElementById) ? 1 : 0

 

var dx, xp, yp

var am, stx, sty

var i, doc_ancho = 950, doc_alto = 780

 

function amor() {

 

establece_dimensiones()

 

dx = new Array()

xp = new Array()

yp = new Array()

am = new Array()

stx = new Array()

sty = new Array();

 

for (i = 0; i < numero; ++ i) {

dx[i] = 0

xp[i] = Math.random()*(doc_ancho-50)

yp[i] = Math.random()*doc_alto

am[i] = Math.random()*20

stx[i] = 0.02 + Math.random()/10

sty[i] = 0.7 + Math.random()

if (document.layers) {

if (i == 0) {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")

document.write("top=\"15\" visibility=\"show\"><img src=\"")

document.write(imagenamor + "\" border=\"0\"><\/layer>")

} else {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")

document.write("top=\"15\" visibility=\"show\"><img src=\"")

document.write(imagenamor + "\" border=\"0\"><\/layer>")

}

} else if (document.all || document.getElementById) {

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")

document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")

document.write(imagenamor + "\" border=\"0\"><\/div>")

} else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")

document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")

document.write(imagenamor + "\" border=\"0\"><\/div>")

}

}

}

 

corazon()

}

 

function corazon() {

for (i = 0; i < numero; ++ i) {

yp[i] += sty[i];

if (yp[i] > doc_alto) {

xp[i] = Math.random()*(doc_ancho-am[i]-30)

yp[i] = 0

stx[i] = 0.02 + Math.random()/10

sty[i] = 0.7 + Math.random()

establece_dimensiones()

}

 

dx[i] += stx[i];

 

 

if ( document.all ) {

var imagen = eval("dot" + i )

imagen.style.posLeft = xp[i] + am[i]*Math.sin(dx[i])

imagen.style.posTop = yp[i]

}

 

else if ( document.layers ) {

var imagen = eval("document.dot" + i)

imagen.left = xp[i] + am[i]*Math.sin(dx[i])

imagen.top = yp[i]

}

 

else if ( document.getElementById ) {

var imagen = document.getElementById( "dot" + i)

imagen.style.left = xp[i] + am[i]*Math.sin(dx[i]) + 'px'

imagen.style.top = yp[i] + 'px'

}

}

 

setTimeout("corazon()", velocidad)

}

function establece_dimensiones() {

if (self.innerHeight) {

doc_ancho = self.innerWidth - 50

doc_alto = self.innerHeight - 21

} else if (document.documentElement && document.documentElement.clientHeight) {

doc_ancho = document.documentElement.clientWidth

doc_alto = document.documentElement.clientHeight - 25

 

} else if (document.body) {

doc_ancho = document.body.clientWidth

doc_alto = document.body.clientHeight - 25

}

}

//]]>

</script><script language='javascript' type='text/javascript'>

//<![CDATA[

amor()

//]]>

</script>

 

 

 

 Notoyontoy les desea una feliz navidad y un prospero año nuevo!

vea como queda en el DEMO

 

 

Atenderemos tus dudas en la seccion contacto


Escribir comentario

Comentarios: 2
  • #1

    Carlos (lunes, 24 diciembre 2012 09:39)

    Hola Notoy, estuve en tu pagina y por cierto muy linda...Gracias por entrar a la mia.

  • #2

    Karl Gustomberg Kajh (sábado, 25 noviembre 2017 08:08)

    Funciona perfectamente este método, muy recomendable.