Snowfall Effect in ASP.NET Using Snowfall JQuery Plugin

Hello Friends it's time to do something new so here in this article we are going to explore creation of a snowfall effect using jQuery. In further details we have to require a jQuery plugin named snowfall.jquery.js which must be downloaded from the internet and you can also download it from my attached file or zip file. In this article we will see what a snowfall is, which is that there is a place at which you stand and a snowfall starts. In other words you feel the snow flakes falling. In this we will be using some CSS properties to make it effective so you feel better. In this plugin there is a function named snowfall; that's the function which will produce the effect. So further, for application of the functionality you have to follow the steps given below:

Step 1 : In this step you have to open a new website; let us see the figure from where you have to add the website.

File-->New-->Website

Select a ASP.NET website

Click oK

Step 2 : In this step you have to add a new web form; let us see in the figure from where you have to add it.

Go to Solution Explorer

Right-click on the add new item

Select new web page

Give it a name whatever you want

Click oK

Step 3 : Now you have to add the jQuery plugin if you have it already then go to:

Scripts folder

And add existing item

And find where you have save it

And click OK then it will be appeared in the Script folder as given below:

Step 4 : If you don't have a plugin then you should have to download the whole application which will be above the page.

Step 5 : In this step you have to write the CSS which has to apply to the page given below:

Step 6 : In this step you have to add the jScript reference; let us see the figure below from here you have to add it.

Step 7 : In this step you have to add the jScript code; it will be automatically added whenever you copy the Scirpts reference from the script folder as in the figure above and which will be like as given below:

Step 8 : In this step you have to write the jQuery code which will be inside the <script></script> tag and you can place it inside the either on head section or body section as you wish:

Step 9 : In this step we have to write the Complete code for the Default2.aspx page; let us see the code which is given below: