Comentario usuario
2
5
Muy bonito pero hace que la pc se ponga muy lenta y los SWF tambien
Comentario usuario
5
5
muy bueno solo que tengo una duda como puedo hacer que aparesca encima de los .swf no se por que no lo hace encima de estos espero tu respuesta
Comentario usuario
1
5
me sale el siguiente error
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 1: Se ha detectado un '<' inesperado
<html>
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 3: El operador '>' debe ir seguido de un operando
</head>
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 7: El operador '>' debe ir seguido de un operando
var nieve_cantidad=35
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 39: El operador '!' debe ir seguido de un operando
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 40: Se espera ')' o ','
var ns6=document.getElementById&&!document.all
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 41: Se ha detectado un '/' inesperado
var opera=browserinfos.match(/Opera/)
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 42: Se espera ')' o ','
var browserok=ie5||ns6||opera
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 104: Se ha detectado un '<' inesperado
</script>
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 105: Error de sintaxis.
<body bgcolor="#333"><br>
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 108: El operador '>' debe ir seguido de un operando
<div style='width:100%;height:500px;background-color:#666666;color:#339900;'>Contenido de la pagina</div>
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 109: El operador '<' debe ir seguido de un operando
</body>
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 110: El operador '<' debe ir seguido de un operando
</html>
Total de errores de ActionScript: 12 Errores comunicados: 12
Comentario usuario
2
5
alguna imagen ?? para aimbox.cl
Comentario usuario
4
5
gracias!!!!!!!!!
me salvaste
muy bonito
Comentario usuario
2
5
muchas gracias!! anda perfecto, busque mucho este codigo y no me andaba, pero este anda de 10!
saludos ;)
lorenzo
Comentario usuario
4
5
como le hago para ke aparesca en toda la pantalla este codigo navideño aparecen pero ala mitad de mi pagina se desaparecen como hago para caigan hasta el final de mi pagina
esta es mi page
http://tuxtlaclik.mx.kz/
Comentario usuario
4
5
Este no funciona en firefox,solo en los demas, lastina por las zorras, jeje
Comentario usuario
1
5
Si quereis diferentes fondos para poner en vuestra web, copitos, asterisco, manuales, swf, etc.. Entra en eMaTriKs.eS y descubre las diferentes formas de conseguirlo.
El registro es obligatorio para ver todas las secciones del foro.
Un saludo a tod@s!
Comentario usuario
2
5
yea codigo muy padre
hasta que encontre uno que funcione para todos
grax compa
http://manualitos.mforos.com
Comentario usuario
2
5
Os mando un script que funciona en todos los navegadores y crea el efecto nieve, ponedlo al final del todo:
<script type="text/javascript">
//Configure below to change URL path to the snow image
var snowsrc="snow.gif"
// Configure below to change number of snow to render
var no = 8;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 10;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////Stop Config//////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
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 (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
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 (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://dynamicdrive.com"><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 snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
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();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>
Comentario usuario
2
5
Buenas,
excelente el script!!!...
era lo q buskba muchisimas gracias :).
Ade+ muy bien aclarados todos los puntos...
Ty so much ;),
Atte Santÿ.
Comentario usuario
3
5
Hey muchas graciaspor el codigo esta muy buey me orrio maravilla sino mren ciudadlrdo.com
Comentario usuario
5
5
que bonito¡¡ esta buenisimo el código, muchas gracias y feliz navidad¡
Comentario usuario
2
5
Este Script es justo lo que buscaba funciona muy bien felicitaciones, me a funcionado super bien solo quiero hacer una aclaración el script no funciona si no borramos la etiqueta
<html xmlns="http://w3.org/1999/xhtml" xml:lang="en" >
que esta al principio de nuestro html pero por lo demas funciona super bien.
Comentario usuario
4
5
me encanta vuestro script, pero tengo un pequeño problemilla, cuando lo incorporo a mi web me anula unos desplegables, los cuales utilizo para navegar por mi web.
Espero una ayudita
Comentario usuario
1
5
Ahora que tengo el código donde tengo que ponerle.
Comentario usuario
2
5
NO ME SIRVIO EN FIREFOX SALUDOS
Comentario usuario
5
5
Mira a mi no me anda sobre, los div. alguna manera de que pase sobre? Probe por posicion y no se pudo.
Comentario usuario
5
5
Una pregunta (= No se en donde se pone el codigo XD
Comentario usuario
5
5
me gusto!! :D funciona! gracias viejo
... oye, mi pagina es bastante larga, y el efecto de los copos de nieve no sale hasta el final de la página... ayuda por favor, quiero que salga en toda la pagina. Es decir que los copos caigan hasta el final de la pagina.. ayuda si es posible, gracias!
Comentario usuario
3
5
Aplicando buenas prácticas de programación el script final quedaría:
// Variable para Iteración
var i = 0;
// Número de copos, recomendados entre 30 y 40
var nieve_cantidad = 35;
// Colores de los copos (se mostrarán de forma aleatoria)
var nieve_colorr = ['#aabacc', '#ddedFF', '#ccdcDD'];
// Tipo de letra de los copos
var nieve_tipo = ["Arial Black", "Arial Narrow", "Times", "Comic Sans MS"];
// Valor o letra de los copos
var nieve_letra = "*";
// velocidad de caída
var nieve_velocidad = 0.6;
// tamaño más grande de los copos
var nieve_cantidadsize = 30;
// tamaño más pequeño de los copos
var nieve_chico = 8;
// 1 toda la pagina - 2 zona izquierda - 3 centro de página - 4 zona derecha
var nieve_zona = 1;
var nieve = [];
var marginbottom;
var marginright;
var timer;
var i_nieve = 0;
var x_mv = [];
var crds = [];
var lftrght = [];
var browserinfos = navigator.userAgent;
var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/);
var ns6 = document.getElementById && !document.all;
var opera = browserinfos.match(/Opera/);
var browserok = ie5 || ns6 || opera;
function aleatorio(range) {
"use strict";
var rand = Math.floor(range * Math.random());
return rand;
}
function movenieve() {
"use strict";
var i, timer;
for (i = 0; i <= nieve_cantidad; i += 1) {
crds[i] += x_mv[i];
nieve[i].posy += nieve[i].sink;
nieve[i].style.left = nieve[i].posx + lftrght[i] * Math.sin(crds[i]);
nieve[i].style.top = nieve[i].posy;
if (nieve[i].posy >= marginbottom - 2 * nieve[i].size || parseInt(nieve[i].style.left, 10) > (marginright - 3 * lftrght[i])) {
if (nieve_zona === 1) {nieve[i].posx = aleatorio(marginright - nieve[i].size); }
if (nieve_zona === 2) {nieve[i].posx = aleatorio(marginright / 2 - nieve[i].size); }
if (nieve_zona === 3) {nieve[i].posx = aleatorio(marginright / 2 - nieve[i].size) + marginright / 4; }
if (nieve_zona === 4) {nieve[i].posx = aleatorio(marginright / 2 - nieve[i].size) + marginright / 2; }
nieve[i].posy = 0;
}
}
timer = setTimeout(movenieve, 50);
}
function initnieve() {
"use strict";
var i, nievesizerange = nieve_cantidadsize - nieve_chico;
if (ie5 || opera) {
marginbottom = document.body.clientHeight;
marginright = document.body.clientWidth;
} else if (ns6) {
marginbottom = window.innerHeight;
marginright = window.innerWidth;
}
for (i = 0; i <= nieve_cantidad; i += 1) {
crds[i] = 0;
lftrght[i] = Math.random() * 15;
x_mv[i] = 0.03 + Math.random() / 10;
nieve[i] = document.getElementById("s" + i);
nieve[i].style.fontFamily = nieve_tipo[aleatorio(nieve_tipo.length)];
nieve[i].size = aleatorio(nievesizerange) + nieve_chico;
nieve[i].style.fontSize = nieve[i].size;
nieve[i].style.color = nieve_colorr[aleatorio(nieve_colorr.length)];
nieve[i].sink = nieve_velocidad * nieve[i].size / 5;
if (nieve_zona === 1) {nieve[i].posx = aleatorio(marginright - nieve[i].size); }
if (nieve_zona === 2) {nieve[i].posx = aleatorio(marginright / 2 - nieve[i].size); }
if (nieve_zona === 3) {nieve[i].posx = aleatorio(marginright / 2 - nieve[i].size) + marginright / 4; }
if (nieve_zona === 4) {nieve[i].posx = aleatorio(marginright / 2 - nieve[i].size) + marginright / 2; }
nieve[i].posy = aleatorio(2 * marginbottom - marginbottom - 2 * nieve[i].size);
nieve[i].style.left = nieve[i].posx;
nieve[i].style.top = nieve[i].posy;
}
movenieve();
}
for (i = 0; i <= nieve_cantidad; i += 1) {
/*jslint evil: true */
document.write("<span id='s" + i + "' style='position:absolute;top:-" + nieve_cantidadsize + "'>" + nieve_letra + "</span>");
}
if (browserok) {
window.onload = initnieve;
}
El código puede ser guardado en un archivo llamado "efectoNieve.js" y ejecutado desde el archivo html que se quiera colocando en medio de los tags <head> y </head> la siguiente línea:
<script type="text/javascript" src="efectoNieve.js"></script>
Comentario usuario
1
5
Excelente aporte, sin importar la antigüedad. Gracias.