[Risolto] neve nella pagina html

2 partecipanti

Risolto [Risolto] neve nella pagina html

Messaggio Da Dr.Andry Mar 7 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!


Ultima modifica di Dr.Andry il Sab 11 Feb 2012 - 18:05 - modificato 1 volta.
Dr.Andry
Dr.Andry
**

Sesso : Maschio
Età : 31
Messaggi : 98
Località : Burbank

http://www.fitnesslifeforum.com
Dr.Andry è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] neve nella pagina html

Messaggio Da Dozy™ Mer 8 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
Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] neve nella pagina html

Messaggio Da Ospite Mer 8 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!

Ciao,

ecco a te il tutorial! Wink
https://aiuto.forumattivo.it/t14057-addobbi-natalizi-per-i-vostri-forum
https://aiuto.forumattivo.it/t10500-script-natalizi#scriptnatalizi

bye Di festa


Ultima modifica di Niko il Mer 8 Feb 2012 - 20:27 - modificato 1 volta.
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] neve nella pagina html

Messaggio Da Dozy™ Mer 8 Feb 2012 - 20:14

Bel tutorial il primo link è il tuo avatar T.T ridategli l'iperattivo troppo veloce
Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] neve nella pagina html

Messaggio Da Ospite Mer 8 Feb 2012 - 20:27

Lupin87 ha scritto:Bel tutorial il primo link è il tuo avatar T.T ridategli l'iperattivo troppo veloce

Oh mamma scusa jiji Ho sistemato Di festa
Grazie per avermi corretto. . .
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] neve nella pagina html

Messaggio Da Dr.Andry Sab 11 Feb 2012 - 18:05

Grazie mille^^
Dr.Andry
Dr.Andry
**

Sesso : Maschio
Età : 31
Messaggi : 98
Località : Burbank

http://www.fitnesslifeforum.com
Dr.Andry è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.