Javascript - Efecto nieve
Códigos Javascript
Divertido codogo con el que imitamos como si nevara en nuestras paginas
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Para personalizar el codigo debemos modificar la imagen que se encuentral al pie del script comentada
/tutores/images/cruz.gif
CODIGO
# Codigo ofrecido por Tutores.org
- <head>
- <script>
- var marginbottom
- var timer
- var i_snow=0
- function randommaker(range) {
- rand=Math.floor(range*Math.random())
- return rand
- }
- function initate() {
- if (document.all) {
- marginbottom = document.body.clientHeight
- var thissnow = eval("document.all.snow"+i_snow+".style")
- thissnow.posLeft=(i_snow*40)-50
- thissnow.posTop=randommaker(marginbottom*2)-marginbottom
- if (i_snow >=24) {
- i_snow=0
- clearTimeout(timer)
- movesnow()
- }
- else {
- i_snow++
- initate()
- }
- }
- }
- function movesnow() {
- if (document.all) {
- for (i=0;i<=24;i++) {
- var thissnow = eval("document.all.snow"+i+".style")
- var rand=Math.floor(24*Math.random())
- thissnow.posLeft+=rand-12
- thissnow.posTop+=rand
- if (thissnow.posTop>=marginbottom){thissnow.posTop=-150}
- }
- timer=setTimeout("movesnow()",100)
- }
- }
- </script>
- </head>
- <body bgcolor=#FFFFFF onLoad="initate()">
- <script>
- // modificar la imagen
- for (i=0;i<=24;i++) {
- document.write("<div id='snow"+i+"' style='position:absolute'><img src='/tutores/images/cruz.gif'></div>")
- }
- </script>
- </body>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Efecto nieve" href="http://www.tutores.org/codigo/657/" target="_blank">Efecto nieve</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Efecto nieve" href="http://www.tutores.org/codigo/657/" target="_blank">Efecto nieve</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
roberto
15/02/2005 20.54.27
3
5
me parece un efecto muy divertido y ademas muy interesante por la programacion que se utiliza
Comentario usuario
efearg07efearg07
3
5
HOla Amigos esta buenisima la web , epro nesesitaria el COdigo de efecto Nieve para Blogger, por favor pasemenlo por correo, y si es este diganme donde lo Pongo. Nos Vemos desde ya muy agradecido.
INSERTAR COMENTARIO