Follow this blog

Thursday, November 8, 2012

jQuery snow falling effect on your blog

How to get jQuery snowing effect animation on your blog or web site?

Very easy, you just need to copy a few lines of HTML code plus a few lines of jQuery code and your web page will snowing, many snowflakes will fall.

jQuery snow falling effect is visible on this page. If you look at page you will see falling snowflakes.


To get same (jQuery) snow effect you need to include this code on your page:

<script src="http://code.jquery.com/jquery-1.8.2.min.js" 
type="text/javascript"></script>
<script src="http://cloud.github.com/downloads/kopipejst/jqSnow/jquery.snow.js" 
type="text/javascript"></script>

<script>
 $(document).ready( function(){
         $.fn.snow();
 });
 </script>

So, to get jQuery snowing effect you just need to copy code above and paste it on your HTML page.

First four lines of HTML code are links to jquery-1.8.2.min.js and to jquery.snow.js files. Lines 6 to 10 is jquery code which call snow method from jquery.snow.js file.

jQuery snowing effect animation sample

You can download jquery.snow.js file from WORKSHOP owned by Ivan Lazarevic (the author of snowing script code), then upload this file somewhere on internet and use it for your blog or web site.

There is another snowing effect on my blog written in ordinary javascript.


9 comments:

araba oyunları said...

thank you nice post.araba oyunları

Sampath Lokuge said...

It's working really well.Good job.Keep it up.

Lia said...

Thanks for posting it. I will try to it on my blog too, it is really cute. Keep it up.

Lia | Website Developer Philippines

Happinessss said...

nice..
Thanks a lot ^^

Lahiru SupunChandra. said...

Tnx u,,nice this post...
but i have a problem...include after this code Very scroll my web page...how to create that error....Plz help me...tnx

Anonymous said...

why won't it sink to the bottom of my blog.. here take a look.. http://verethra.tumblr.com/

cemal cesur said...
This comment has been removed by a blog administrator.
Mark said...

To Anonymus:
It seem your blog load part of page later. Sowflakes fall just to do part of page which load instatly.

cemal cesur said...

thank you nice post