[Risolto] neve nella pagina html

Da Dr.Andry il Mar 07 Feb 2012, 21:44

salve a tutti volevo sapere come mettere effetto neve sulla pagina html
la neve la vorrei come questa =) http://testzen.forumactif.com/ grazie in anticipo.
ciao!

Da **°Albus Severus°** il Mer 08 Feb 2012, 19:00

Codice:: / / Neve - http://www.btinternet.com/ ~ kurt.grigg / javascript if ((document.getElementById) && window.addEventListener | | window.attachEvent) { (Function () { / / Configura qui. var num = 50; / / Numero di fiocchi var timer = 30; / / setTimeout velocità. Varia in composizioni diverse enableinNS6 var = 1 / / Attiva script in NS6/Mozilla? Animazione neve potrebbe essere lenta in questi browser. (1 = sì, 0 = no). / / End. var y = []; var x = []; var caduta = []; theFlakes var = []; var SFS = []; var step = []; currStep var = []; var h, w, r; var d = document; pix var = "px"; domWw var = (typeof window.innerWidth == "numero"); domSy var = (typeof window.pageYOffset == "numero"); var idx = d.getElementsByTagName ('div') lunghezza.; if (&& d.documentElement.style typeof d.documentElement.style.MozOpacity == "stringa") num = 12; for (i = 0; i <num; i + +) { SFS [i] = Math.round (1 + Math.random () * 1); document.write ('<div id = "flake' + (idx + i) + '" style = "position: absolute; top: 0px; left: 0px; width:' + SFS [i] + 'px, altezza:' + SFS [i] + 'px; background-color: # FFFFFF; font-size:' + SFS [i] + 'px "> <\ / div>') ; currStep [i] = 0; caduta [i] = (SFS [i] == 1)? Math.round (2 + Math.random () * 2): Math.round (3 + Math.random () * 2); step [i] = (SFS [i] == 1)? 0,05 + Math.random () * 0.1: 0,05 + Math.random () * 0,05; } if (domWw) r = finestra; else { if (&& d.documentElement typeof d.documentElement.clientWidth == "numero" && d.documentElement.clientWidth! = 0) r = d.documentElement; else { if (&& d.body typeof d.body.clientWidth == "numero") r = d.body; } } winsize funzione () { var oh, SY, ow, sx, rh, rw; se (domWw) { if (&& d.documentElement d.defaultView && typeof d.defaultView.scrollMaxY == "numero") { oh = d.documentElement.offsetHeight; sy = d.defaultView.scrollMaxY; ow = d.documentElement.offsetWidth; sx = d.defaultView.scrollMaxX; rh = oh-sy; rw = ow-sx; } else { rh = r.innerHeight; rw = r.innerWidth; } h = rh - 2; w = rw - 2; } else { h = r.clientHeight - 2; w = r.clientWidth - 2; } } Funzione scrl (yx) { var y, x; se (domSy) { y = r.pageYOffset; x = r.pageXOffset; } else { y = r.scrollTop; x = r.scrollLeft; } return (yx == 0) y:? x; } funzione di neve () { var dy, dx; for (i = 0; i <num; i + +) { dy = caduta [i]; dx = caduta [i] * Math.cos (currStep [i]); y [i] + = dy; x [i] + = dx; if (x [i]> = w | | y [i]> = h) { y [i] = -10; x [i] = Math.round (Math.random () * w); caduta [i] = (SFS [i] == 1)? Math.round (2 + Math.random () * 2): Math.round (3 + Math.random () * 2); step [i] = (SFS [i] == 1)? 0,05 + Math.random () * 0.1: 0,05 + Math.random () * 0,05; } theFlakes [i] top = y [i] + scrl (0) + pix.; theFlakes [i] a sinistra = x [i] + scrl (1) + pix.; currStep [i] + = step [i]; } setTimeout (neve, timer); } funzione init () { winsize (); for (i = 0; i <num; i + +) { theFlakes [i] = document.getElementById ("fiocco" + (idx + i)) stile.; y [i] = Math.round (Math.random () * h); x [i] = Math.round (Math.random () * w); } neve (); } se (window.addEventListener) { window.addEventListener ("resize", winsize, false); window.addEventListener ("carico", init, false); } else if (window.attachEvent) { window.attachEvent ("onResize", winsize); window.attachEvent ("onload", init); } }) (); } / / End.

Codice:: <script src="carica lo script e ti darà il codice .js e lo incolli qui modificando ovviamente la pagina html e inserendolo sotto il body"></script>

es

Codice:
<BODY BGCOLOR=colore> <script src="link.js"></script> resto della pagina html

Da Ospite il Mer 08 Feb 2012, 20:13

Dr.Andry ha scritto:salve a tutti volevo sapere come mettere effetto neve sulla pagina html
la neve la vorrei come questa =) http://testzen.forumactif.com/ grazie in anticipo.

Ciao,

ecco a te il tutorial! Wink