Skip to content


Christmas snow effect

Author: Simon Jackson

As it's almost the festive season and already getting colder, it can only be time to roll out a simple snow effect. The effect you see in the banner above this blog is a MooTools script which can use text or images to model the snowflakes you see drifting across the banner.

The script is available to view at:

As you can see the script is based on <a href=""></a> which has been copied and extended a couple of times. The only changes I had to make here was to modify a few parameters to make the snow appear as a continual stream rather than waves of snow and to sort a couple of issues with styling in IE6/7.

Finally, the effect is easy to attach to any element on the page with the following piece of code:

window.addEvent('domready', function()
  if ($('content_container'))
    var aSnow = new mooSnow({container: $("content_container")});

The only thing to bear in mind is that you will need to have the standard MooTools library code included in your page.