jQuery Plugin For Custom Snowfall Effect - letItSnow.js
File Size: | 8.73 KB |
---|---|
Views Total: | 4619 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
letItSnow.js is an extremely lightweight jQuery plugin that adds a customizable snowfall effect to your winter or Christmas themed webpage.
How to use it:
1. Include jQuery library and the jQuery letitsnow.js plugin on the webpage.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="src/letItSnow.js"></script>
2. Include jQuery UI library for additional easing effects.
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
3. Create an empty element for the snowfall effect.
<div id="snowspawner"></div>
4. Initialize the plugin to generate a default snowfall effect on the webpage.
$('#snowspawner').letItSnow();
5. Customize the snowfall effect with the following options.
$('#snowspawner').letItSnow({ // color of the snowflakes color: '#fff', // max / min size size_min: 1, size_max: 5, // z-index zindex: 99999, // max amount of snowflakes maxcount: 100, // horizontal movement of snowflakes wind: 250, // easing effects easing_x: "easeInBack", easing_y: "easeInCubic", // aniamtion speed fall_time: 10000 });
This awesome jQuery plugin is developed by M1nified. For more Advanced Usages, please check the demo page or visit the official website.