🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

letItSnow.js is an extremely lightweight jQuery plugin that adds a customizable snowfall effect to your winter or Christmas themed webpage.

snow

Documentation

letItSnow.js

letItSnow.js is a jQuery extension that makes your website snowing :) Go to example/index.html for more.

####Required libraries

  • jQuery 2.x
  • jQuery-ui 1.11+ with Effects Core included

####Usage #####Simple

$(function() {   $('#snowspawner').letItSnow({     fall_time:5000   }); }) 

#####With options

$('#snowspawner').letItSonw({   fall_time:5000 }); 

#####About #snowspawner Flakes append into given element. It's good to choose some #snowspawner instead of body for easier manipulation and debugging.

<body>   <div id="snowspawner"></div>   ... 

#####Default options (those can be set as well)

{   color: '#fff',   size_min: 1,   size_max: 5,   zindex: 99999,   maxcount: 100,   wind: 250,   easing_x: "easeInBack",   easing_y: "easeInCubic",   fall_time: 10000 } 

#####What do they mean?

  • (string) color = color of snow
  • (number) size_min = min size of snowflake
  • (number) size_max = max size of snowflake
  • (number) zindex = z-index
  • (number) maxcount = the maximum ammount of flakes to be generated
  • (number) wind = finall horizontal movement of flake
  • (string) easing_x = animation easing of wind
  • (string) easing_y = animation easing of falling
  • (number) fall_time = time in milliseconds of falling for every flake

####Background performance Snowflakes stop being populated when onBlur event fires and start spawning after onFocus event. This is needed to free resources while user is not using the website.


You May Also Like