Как стать автором
Обновить

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

Время на прочтение1 мин
Количество просмотров2.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'          //Класс или идентификатор элемента сверху которого будут оседать и скапливаться снежинки


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

С наступающим!
Теги:
Хабы:
Всего голосов 15: ↑8 и ↓7+1
Комментарии26

Публикации