Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

[Risolto] neve nella pagina html


Risolto [Risolto] neve nella pagina html

Messaggio 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!


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

Dr.Andry
**
**

Sesso : Maschile
Età : 23
Messaggi : 97
Località : Burbank


Vedere il profilo dell'utente http://potterpub.forumitaliano.com/
Dr.Andry è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] neve nella pagina html

Messaggio Da Dozy™ 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

Dozy™
Veterano dello staff

Sesso : Maschile
Età : 29
Messaggi : 2297
Località : Tradate (va)


Vedere il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] neve nella pagina html

Messaggio 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!

Ciao,

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

bye Di festa


Ultima modifica di Niko il Mer 08 Feb 2012, 20:27, modificato 1 volta

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] neve nella pagina html

Messaggio Da Dozy™ il Mer 08 Feb 2012, 20:14

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

Dozy™
Veterano dello staff

Sesso : Maschile
Età : 29
Messaggi : 2297
Località : Tradate (va)


Vedere il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] neve nella pagina html

Messaggio Da Ospite il Mer 08 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. . .

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] neve nella pagina html

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

Grazie mille^^

Dr.Andry
**
**

Sesso : Maschile
Età : 23
Messaggi : 97
Località : Burbank


Vedere il profilo dell'utente http://potterpub.forumitaliano.com/
Dr.Andry è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum