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:

• Demo of custom snowflake 1
  
  
• Demo of custom snowflake shape 2



• Demo of falling leaves

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

OR

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 GuideFallingSnow.zip

When you get GuideFallingSnow.zip 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:

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.

Walking Santa Claus jscript effect

Here is a demo of moving image in HTML page. Picture of Santa Claus is animated and it go from left side of the screen to the right side. It is accomplished with javascript.

If you want to learn how to accomplish this moving effect take a look at a code:

<div id="animatedImage" style="position: relative;">
 <img src="[PathToImageFile]" alt="animatedImage" />
</div>
<script type="text/javascript" src="[PathToJsFile]"></script>

Just replace:
• [PathToImageFile] with santa file
• [PathToJsFile] with a jscript moving file

Find more javascript effect step by step guides on this blog.