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.