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

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

Monday, January 10, 2011

Great escape javascript effect

On this page you will find demonstration of moving man escaping from bear and link to instruction how to implement this functionality. This animated effect is accomplishment with animated gif and javascrtipt. Image is moving form left top side of the scree to right bottom side of screen.

animatedImage

To have moving effect on your blog or web site visit: How to add moving functionality on your web.


Polar bear moving on your site or blog

On this page is a demo of moving object on web with help of java script. Image of polar bear is animated and it go from left side of screen to right side of screen. It is relative easy to implement this moving effect on your site.

animatedImage

For visitors who want to implement moving functionality on their web page or blog post I recommend: Guide for implement moving image on your web or blog.


Thursday, January 6, 2011

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.



animatedImage



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>

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