Me gustaría recompilar una colección de script sobre la navidad como el típico de la nieve que caé, que es el único que tengo de momento.
Teneis alguno mas?

| |||
![]() <script language="JavaScript1.2"> // URL path de la imagen var snowsrc="snow.gif" //Cantidad de nieve 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><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><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> ![]()
__________________ Los consejos son ayuda, no cabe duda... Pero no olvides que la solución de nuestros problemas está dentro de nosotros mismos. C. Torres Pastorino. Hasta luego..................... :adios: |
| ||||
ya lo tengo puesto todo, gracias de todos modos... lo único, si pudieras ayudarme con un problema... lo que me pasa es que la nieve baja pero por detras de las capas y las tablas y no se pq,... como puedo solucionarlo?? |
| ||||
Estaría bien que que se pudiera modificar el script para ponerlo sobre las capas de cualquier iframe y tabla. Y si se acumulara ya sería la leche, jeje. Nadie mas tiene scripts de navidad? alguno diferente al de la nieve?
__________________ Saludos... |
| |||
![]() Sobre las tablas en realidad ![]() ![]() ![]()
__________________ Los consejos son ayuda, no cabe duda... Pero no olvides que la solución de nuestros problemas está dentro de nosotros mismos. C. Torres Pastorino. Hasta luego..................... :adios: |
| |||
Bueno lo probe con iframes y si me funciono por lo que estaba equibocado en esta parte ( ![]() <IFRAME WIDTH=120 HEIGHT=220 MARGINWIDTH=1 MARGINHEIGHT=1 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC="nombre de la pagina" name="M2"></iframe> Suerte
__________________ Los consejos son ayuda, no cabe duda... Pero no olvides que la solución de nuestros problemas está dentro de nosotros mismos. C. Torres Pastorino. Hasta luego..................... :adios: |
| ||||
Hola amigos ![]() Me gusta la idea de los scripts navideños, y voy a aportar uno que acabo de terminar... ![]() Código PHP: Lo puse en esta página: http://www.pepemolina.com/navidad/ Para adornos de navidad también hay muchos clipart que en parte reseñé en la página (son gratuitos)... También puse música navideña de fondo, y en el frame del menú un arbolito a pie de página. Espero que se animen a juntar más scripts. Saludos ![]() |
| ||||
Caricatos muchas gracias por la url He retocado uno lo puedes ver aquí Última edición por ruedito; 14/12/2003 a las 10:22 |
| |||
nieve Si alguien tiene el script de cae la NIEVE de Juancarlos con su imagen y me lo pudiera mandar se lo agradeceria y claro esta como debo proceder para poner las imagenes en el script
__________________ Saludos acaser www.turiscan.com |
| ||||
Hola acaser: En el link que puse más arriba hay un script de nieve, si te sirve, el fichero js es: http://www.pepemolina.com/navidad/nieve.js Y el copo es: ![]() Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| |||
Hola a todos, El script de la nieve queda muy bien pero queria saber si se podría modificar para que en vez de que mostrara los 600 pixeles de la pantalla en vertical solo fueran unos 200 pixeles para que los usuarios vieran bien los contenidos. Gracias un saludo |
| ||||
Hola amigos: Yo también tengo uno del estilo del de caricatos (hola amigo ![]() ---------------------------------------------------------------------- <div STYLE="position:absolute;top:1px;left:1px" id="rex"> <dd><img src="papa1.gif" width="72" height="105"> </dd> </div><script LANGUAGE="javascript"> var hasta = screen.width; var height = screen.height; rex.style.posLeft = 0; rex.style.posTop = (height-628); function mover() { if(rex.style.posLeft < document.body.clientWidth) { rex.style.posLeft = rex.style.posLeft + 10; var tiempo = setTimeout("mover()",120); } else { clearTimeout(tiempo); } } document.body.style.overflowX = "hidden"; mover(); </script> --------------------------------------------------------------------- Podeis verlo en acción en mi página AQUÍ S@ludos
__________________ fer |
| ||||
Hola fer: Cada vez tienes mejor la página, mi enhorabuena. ![]() Y ahora con las fiestas, hay que darle un "toquecillo" ¿verdad? ¿Sigues usando el script ese de la palabra rara... ![]() Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| ||||
Hola caricatos: Cuanto tiempo... gracias por tus comentarios, en la tuya también he entrado para instruirme con alguna idea y código. La verdad es que si que gusta darle un toquecillo navideño a internet en general y tratar de fomentar ese espíritu... El script (carlitunitatecatos.js) cambió al final su nombre con las sucesivas modificaciones de la página, pero como puedes ver no he olvidado su nombre ni a las personas que me ayudaron a hacerlo funcionar; Carlitos, tunait, Kaopectate y tu (no quisiera olvidar a Yanix) a los cuales os sigo agradecido. ![]() ![]()
__________________ fer |
| ||||
Hola fgil2 Quizas te haga una pregunta ¡¡¡ ![]() ![]() pero ... ¿que es lo que señalo en rojo, que es la primera vez que lo veo ![]() Cita: Muchas gracias y saludos
Iniciado por fgil2 <dd><img src="papa1.gif" width="72" height="105"> </dd> ![]() (Hola caricatos ![]() |
| ||||
Cita: -----------------------------------------------------------------------
Iniciado por seoista Hola fgil2 Quizas te haga una pregunta ¡¡¡ ![]() ![]() pero ... ¿que es lo que señalo en rojo, que es la primera vez que lo veo ![]() Muchas gracias y saludos ![]() (Hola caricatos ![]() Hola seoista: La instrucción <dd> se usa en htm en las listas de definiciones, viene a ser un salto de linea y tabulación. Tienes una esplicación AQUI Y este es un ejemplo: <DL > <DT> Coche <DD> Vehiculo de cuatro ruedas <DT> Moto <DD> Vehiculo de dos ruedas </DL> Pero lo curioso de todo esto es que yo no he escrito ese código ![]() ![]() Es mas, aun borrándolo, cuando le doy a la vista previa lo vuelve a insertar.. Si es que no hay como el bloc de notas, pero los torpecillos necesitamos alguna ayuda. Un saludo ![]()
__________________ fer |
| ||||
Hola otra vez fgil2 Este código del Papá Noel: Cita: Veo que el Papá Noel no funciona, o sea, no va de un lado a otro, en Mozilla Firefox.
Iniciado por fgil2 <div STYLE="position:absolute;top:1px;left:1px" id="rex"> <dd><img src="papa1.gif" width="72" height="105"> </dd> </div><script LANGUAGE="javascript"> var hasta = screen.width; var height = screen.height; rex.style.posLeft = 0; rex.style.posTop = (height-628); function mover() { if(rex.style.posLeft < document.body.clientWidth) { rex.style.posLeft = rex.style.posLeft + 10; var tiempo = setTimeout("mover()",120); } else { clearTimeout(tiempo); } } document.body.style.overflowX = "hidden"; mover(); </script> ¿Por qué? ¿Qué es lo que habría que cambiar? Te anticipo las gracias. Saludos ![]() |
| ||||
Hola a todos: Cita: Sí, parece que fer probó el codigo en explorer nada más...
Iniciado por seoista ... Este código del Papá Noel:Veo que el Papá Noel no funciona, o sea, no va de un lado a otro, en Mozilla Firefox. ¿Por qué? ¿Qué es lo que habría que cambiar? ... Con la consola javascript de mozilla se ven muy bien los problemas... El primero que muestra es que se refiere a un elemento por su id de forma global, y debería ser usando document.getElementById()... Donde pone "rex." debería ponerse document.getElementById("rex"). Y viendo por encima el código he visto el estilo overflowX que me parece que no es estándar (al menos así era hasta hace poco)... pero mejor que sea fgil2 quien haga las correcciones (sería una pena que no se viera bien en los navegadores "normales") Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| ||||
Hola caricatos Pienso que te refieres al DIV, ¿verdad?: Cita: ¿Cómo lo pongo, así:
Iniciado por caricatos Donde pone "rex." debería ponerse document.getElementById("rex").
Código:
O así: <div STYLE="position:absolute;top:1px;left:1px"; document.getElementById("rex")>
Código:
No lo he probado todavía con ninguno de los dos códigos en Firefox, pero en "local" lo he probado con ambos códigos, y el Papá Noel deja de moverse de un lado a otro.<div STYLE="position:absolute;top:1px;left:1px"; id=document.getElementById("rex")> Gracias caricatos por tu interés. Saludos ![]() |
| ||||
Hola amigos: Vaya pues es cierto, solo lo probé en Esplorer y Opera, donde funciona correctamente, en Mozilla es como decis, trataré de corregir a ver.. pero no me veo muy capacitado. Confio en vuestra ayuda. Gracias.
__________________ fer |
| |||
Una pregunta en general el movimiento del monito va en el script o en el gif osea para q sirve cada uno. saludos
__________________ -------------------------------------------------- [::Matthew Beyer::] MaEsTrOsWeB Chile -------------------------------------------------- |
| ||||
Hola de nuevo: Pues sigo en ello (a ratos) y de momento no es cuestión ni de (document.getElementBy Id="rex") ni de (overflow) ya que lo he modificado como queda abajo y necesito algo más. --------------------------------------------------------------------------------- <div STYLE="position:absolute;top:1px;left:1px" document.getElementBy Id="rex"> <img src="papa1.gif" width="72" height="105"> </div><script LANGUAGE="javascript"> var hasta = screen.width; var height = screen.height; rex.style.posLeft = 0; rex.style.posTop = (height-628); rex.style.visibility = "visible"; function mover() { if(rex.style.posLeft < document.body.clientWidth) { rex.style.posLeft = rex.style.posLeft + 10; var tiempo = setTimeout("mover()",120); } else { clearTimeout(tiempo); } } mover(); </script> --------------------------------------------------------------------------------- Pienso también que queda mejor si ponemos la función mover() en el evento onload. S@lu2
__________________ fer |
| |||
una clave style.posLeft no es reconocido por Firefox Aquí se puede probar: http://www.paulspages.co.uk/pcp/135/LeftChange.htm
__________________ Angel :cool: |
| ||||
Hola otra vez: Fer: ¿No me lo puedo creer... ? Es hora de que te pongas las pilas, porque seguro que tu página la visita gente con mozilla, y ... Retocaré el código que pusiste sobre la marcha: <div STYLE="position:absolute;top:1px;left:1px" id="rex"> <img src="papa1.gif" width="72" height="105" /> </div> <script LANGUAGE="javascript" type="text/javascript" > var hasta = screen.width; var height = screen.height; document.getElementById("rex").style.left = "0px"; document.getElementById("rex").style.Top = (height-628) + "px"; document.getElementById("rex").style.visibility = "visible"; function mover() { if(parseInt(document.getElementById("rex").style.l eft) < document.body.clientWidth) { document.getElementById("rex").style.left = rex.style.left + 10 + "px"; var tiempo = setTimeout("mover()",120); } else { clearTimeout(tiempo); } } mover(); </script> Dime si con estos retoques funciona mejor. Saludos y Felicidades a todos (aunque seguro que habrá más ocasiones para felicitarnos)... ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| ||||
Hola de nuevo caricatos, aquí otra vez dando el coñ .... o He puesto tu código: Cita: Y no va, ni en I.E.6, ni en Firefox y es más, tampoco en "local". Se queda parado a la izquierda.
Iniciado por caricatos <div STYLE="position:absolute;top:1px;left:1px" id="rex"> <img src="papa1.gif" width="72" height="105" /> </div> <script LANGUAGE="javascript" type="text/javascript" > var hasta = screen.width; var height = screen.height; document.getElementById("rex").style.left = "0px"; document.getElementById("rex").style.Top = (height-628) + "px"; document.getElementById("rex").style.visibility = "visible"; function mover() { if(parseInt(document.getElementById("rex").style.l eft) < document.body.clientWidth) { document.getElementById("rex").style.left = rex.style.left + 10 + "px"; var tiempo = setTimeout("mover()",120); } else { clearTimeout(tiempo); } } mover(); </script> Felicidades a todo el colectivo ![]() |