Плагин создает одну снежинку, копирует ее, и в заданном интервале времени добавляя случайные значения свойств для каждой снежинки выводит их на экран в виде падающего снега на сайте.
Приступим к подключению плагина падающего снега на сайте.
Для начала нам необходимо скачать плагин: jquery.snow.js. Далее подключить jQuery и сам плагин:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <script src="jquery.snow.js"></script>
Далее инициализируем плагин падающего снега следующим образом:
<script> $(document).ready( function(){ $.fn.snow(); }); </script>
При инициализации плагина можно задать некоторые параметры снежинок:
Свойство | По умолчанию | Описание |
minSize | 10 | минимальный размер снежинки |
maxSize | 20 | максимальный размер снежинки |
newOn | 500 | частота появления новых снежинок в миллисекундах |
flakeColor | #FFFFFF | цвет снежинок |
Пример использования параметров:
$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#0099FF' });
Примечание. Будьте осторожны с параметром newOn
, частое появление новых снежинок может повлиять на производительность.
Вот и все, теперь можете наблюдать падающий снег на вашем сайте.
Так же вам может быть интересно следующая статья: jQuery, новогодняя гирлянда на сайт.
Комментарии
Хорошый снег, добавил к себе на сайт. Теперь снег за окно и на сайте :-)
Ответить