Add Falling Snow To Your Website With Javascript!

December 21st, 2009

snow

It’s that time again! The holidays are here and snow is everywhere. (At least where I live.) Here i’m going to show you how with one line of code and one JavaScript file, you can have a light snow storm on your website.

Step One

Download the snowstorm.js file. Then upload the javascript file into the root folder of your website or your designated /js/ folder.

Step Two

Place this code in the <head> tags or the footer of your website:

<script src="snowstorm.js" type="text/javascript"></script>

or

<script src="js/snowstorm.js" type="text/javascript"></script>

Customizing

Inside the snowstorm.js file will be several options you can configure such as snow speed, snow color, snow size, how it interacts with mouse movements and so on. If you have questions, post it in the comments!

The Demo

View the demo here!

Code by Scott Schiller – http://schillmania.com

Tags: ,

This entry was posted on Monday, December 21st, 2009 at 5:57 pm and is filed under General, Javascript, Website. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply