Follow this blog

Saturday, January 22, 2011

Implement falling snow effect on your web site

Falling snow or falling leaves effect with custom snowflakes is relative simple to include on your site or blog. You can see three demo of falling effect here:

To make falling effect with custom snowflake shape you only need to implement this code inside your HTML page:

<script type="text/javascript">
var snowsrc = "[PathToImageFile]";
<script src="[PathToSnowfallJsFile]" type="text/javascript"></script>

You need to replace :

  • [PathToImageFile] - with URL path to image
  • [PathToSnowfallJsFile] - with URL path to javascript file

There are two ways to get [PathToImageFile] and [PathToSnowfallJsFile].

First way is to press Pay with a tweet button and get a download for a tweet


You can choose and fill the survey and instantly unlock download to zip archive with guide for falling effect with custom shapes. You can go to the survey by clicking here.

Guide is on ShareCash web site. To unlock and download files on SharCash visitors needs to fill the surveys. ShareCash web site pay for every filled survey average 60 cents to person who upload files on ShareCash. For those who want to try to earn money on ShareCash there is a link.

Check more guides for javascript effects on this blog.

What you will find in

When you get by one way or another in zip you will find:

  • GuideFallingSnow.pdf with links to images of snowflakes and javascript for snowfall
  • 12 image file of snowflakes and one of leaf
  • snowfall javascript file
  • HTML file example of falling effect

In GuideFallingSnow.pdf you will get code which you need to inject inside you HTML page or blog:

Guide for snow effect blur image

Put this code in your HTML and falling snow effect with custom snowflakes will be on your web page. In GuideFallingSnow.pdf you will also find URL's to 10 snowflakes images and one leaf.

Images of snowflakes and leaf sample

1 comment:

Seo Melbourne said...

Admiring the time and effort you put into your blog and detailed information you offer! I will bookmark your blog and have my children check up here often