Pull to refresh

jQuery SnowFall — снегопад на сайте

Reading time1 min
Views2.6K
До Нового Года осталось меньше недели, а соответствующего настроения всё еще нет. И этим вечером решил сам себе сделать новогоднее настроение с помощью плагина jQuery SnowFall.

Искал по запросу: «Снег на сайте +javascript». Самому писать было лень и я решил использовать готовый скрипт, чтобы раз, и уже на сайте идет снег. И тут мне попался jQuery SnowFall. Очень простой плагин jQuery c минимально-нужным количеством настроек.

Подключение
Тут все как обычно
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="snowfall.jquery.js"></script>

Использование
$(document).snowfall(); //А-ля снегопад =)

Опции
Опции довольно банальные. Понравилась опция collection, которая позволяет копить снежинки на указанных элементах.
flakeCount : 35,        //Количество снежинок на странице
flakeColor: '#ffffff', //Цвет снежинок
flakeIndex: 999999,     //CSS z-index снежинок
minSize: 1,            //Минмальный размер снежинки
maxSize: 3,            //Максимальный размер снежинки
minSpeed: 2,           //Минимальная скорость падения снежинки
maxSpeed: 3,           //Максимальная скорость падения снежинки
round: false,          //Круглые снежинки – true, квадратные - false
shadow: false,         //Тень от снежинок
collection: '.element'          //Класс или идентификатор элемента сверху которого будут оседать и скапливаться снежинки


Страница с примером
А тут сам плагин

С наступающим!
Tags:
Hubs:
Total votes 15: ↑8 and ↓7+1
Comments26

Articles