Реализация эффекта снега на сайте

В данной статье мы рассмотрим простой способ, как реализовать эффект снега у себя на сайте.

В преддверии Нового Года мы недавно вспоминали нашу старенькую статейку о том, как установить на сайт гирлянду. Сегодня же мы рассмотрим как реализовать эффект снега на сайте.

Шаг 1. Подключаем библиотеку jQuery

Первым делом нам нужно подключить библиотеку jQuery. Для этого пишем следующий код:


<script type="text/javascript" src="jquery.js"></script>

Шаг 2. Подключаем сам плагин

Теперь нужно подключить сам плагин, который будет отвечать за данный эффект. Для этого пишем следующий код:


<script type="text/javascript">
 $.fn.snowit({
   minSize: 10,
   maxSize: 30,
   total: 25,
   flakeColor: "#FFFFFF",
 });
</script>

Шаг 3. Инициализация плагина

Плагин вызывается довольно просто. Для этого нужно написать вот такой код:


<script type="text/javascript">
 $.fn.snowit({
   minSize: 10,
   maxSize: 30,
   total: 25,
   flakeColor: "#FFFFFF",
 });
</script>

Шаг 4. Финальный результат

Если вы все сделали правильно, то на данном шаге можно заметить эффект. На странице начнут падать снежинки. Это как раз тот самый эффект.

Параметры плагина:

minSize — размер снежинок (минимальный)
maxSize — размер снежинок (максимальный)
total — количество снежинок
flakeColor — цвет снежинок

На этом данный урок окончен. Спасибо за внимание.

Автор урока: редакция REDSTAR
Урок для Вас подготовлен командой сайта red-star.pro.