back to top

Effetto neve sul sito (con Javascript)

Questo simpatico script Javascript genera il più classico degli effetti per Natale, cioè una bella nevicata sulla nostra pagina web. Da un punto di vista tecnico lo script è piuttosto leggero (pesa pochi Kb), non ha alcuna dipendenza (è un codice in puro Javascript) ed utilizza una semplice GIF trasparente per rappresentare il fiocco di neve.

Dopo aver incluso il Javascript noterete, al caricamento della pagina web, che lo schermo inizierà a riempirsi di fiocchi di neve "svolazzanti". Il volume della nevicata virtuale può essere facilmente modificato intervenendo sulla variabile snow_no che trovate nelle prime linee di codice:

snow_no = 15;

Ovviamente maggiore è il valore e tanto più abbondante saranno le precipitazioni nevose sul nostro sito web 🙂

Da un punto di vista visivo il risultato è decisamente simpatico (anche se forse l’idea è un po’ inflazionata) e può essere utilizzato con successo per decorare pagine web dedicate al Natale o, più in generale, alle festività di fine anno.

Altri contenuti interessanti

Pubblicità
Massimiliano Bossi
Massimiliano Bossi
Stregato dalla rete sin dai tempi delle BBS e dei modem a 2.400 baud, ho avuto la fortuna di poter trasformare la mia passione in un lavoro (nonostante una Laurea in Giurisprudenza). Adoro scrivere codice e mi occupo quotidianamente di comunicazione, design e nuovi media digitali. Orgogliosamente "nerd" sono il fondatore di MRW.it (per il quale ho scritto centinaia di articoli) e di una nota Web-Agency (dove seguo in prima persona progetti digitali per numerosi clienti sia in Italia che all'estero).

Leggi anche...

Il file manifest.json: cos’è e a cosa serve

Il file manifest.json è un componente chiave nelle applicazioni web moderne,...

Infinite scroll, come programmarlo su AMP e su Web con Javascript

L'infinite scroll è una tecnica di design e navigazione...

Codice Fiscale: 5 javascript per la verifica e il calcolo

Il codice fiscale è un identificativo tributario univoco che...

Math.ceil() – Arrotondare per eccesso con Javascript

Il metodo ceil() dell'oggetto Math di Javascript è utilizzato...

Minificare Javascript: librerie e strumenti online per comprimere il sorgente JS

La minificazione è un processo abbastanza diffuso nell'implementazione delle...

Javascript: svuotare un campo input o una textarea con un click

Quando si fornisce agli utenti un modulo per l'inserimento...
Pubblicità