Christmas effects on HTML page

On this page you can find links to christmas javascript effects which can be applied on your web page.

We will start with two snow effect, then continue with moving santa.

Look below for links to christmas effect tutorials!

Christmas snowing javascript effect - find how to add snowing effect on your web page. Following this link more advanced users can also find how to make snow fall with a custom snow flakes.

Moving santa on your HTML page - how to get moving christmas Stana Claus on your HTML page with a help of javascript.

3D snow effect in HTML5 - want a window looking on 3D falling snow on your HTML page? This impressive 3D effect you can find by following the link.

jQuery snow falling effect - if you like jQuery, linked article could teach you how to add snowing effect on you web site using jQuery.

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.

Animated falling leaves on your site

This is a demo of animated autumn falling leaves effect for web sites and blogs. It is accomplished with java script code and very easy to implement to web page.

You need to copy and paste this code in your HTML:

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

But do not forget to replace [PathToSnowfallJsFile] with path to javascript file and [PathToImageFile] with path to image of leaf.

For those who want to choose make this effect on their web sites I suggest to download instructions how to choose leaf shape or snowflake shape.

There are more javascript effects tutorials on my blog.

Falling snow flakes on web site demo

For those who want to choose shape of snow flakes I suggest to download instructions how to choose snowflake shape with more than 10 snowflake images like two snowflakes below.

Following above link you will find step by step instruction how to get custom images of snowflakes on your site. It is accomplished with code like this:

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

Following this link will also find URL's for [PathToSnowfallJsFile] and [PathToImageFile]

For guide how to implement basic snowing effect on blogger follow the link.

Snowing effect with custom snowflake shape

For those who want to choose shape of snow flakes I suggest to download instructions how to choose snowflake shape with more than 10 snowflake images like two snowflakes below.

Following above link you will find step by step instruction how to get custom images of snowflakes on your site. It is accomplished with code like this:

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

Following this link will also find URL's for [PathToSnowfallJsFile] and [PathToImageFile].

For guide how to implement basic snowing effect on blogger (without custom shapes) follow the link.
You can find more interesting tutorials for javascript effects on my blog.

Add spider gadget on your site

For those who like animals there is a gadget you can add on your site. Link is here.

It is possible to name your spider, choose background file, change color and size of spider. Then click on button "Get the Code" and copy and paste code on your site. And this is it, you have a nice little spider on your web. And best thing is that spider follow your mouse pointer :).

For blogspot bloggers:

You can paste code in HTML/Javascript gadget. For details see How to add HTML or JavaScript gadget to blog (blogger).



GeekySpeaky: Submit Your Site!