Создание снега на вашем лендинге

Последние изменения: 04.04.2022

Здравствуйте, дорогие друзья!

Сегодня мы расскажем о том, как добавить на лендинг немного волшебного снега :).

Снежинки плавно спускаются сверху и тают в нижней части экрана. Особенно актуальным это простое украшение будет на тематических лендингах, посвящённых новогодней атрибутике.

Посмотреть снежный пример можно здесь.

дед мороз

Реализация займет у вас всего пару минут! Итак, нам понадобится добавить только один скрипт, для этого:

1) Откройте целевую страницу в визуальном редакторе LPgenerator:

LPgenerator

2) Кликните по инструменту “Скрипты” на верхней панели:

LPgenerator

3) В открывшемся окне внизу нажмите кнопку “Добавить скрипт”:

скрипт

4) Назовите его. Название может быть произвольным. Далее задайте коду положение: “перед тегом </BODY>”:

Добавить скрипт

5) Затем скопируйте этот код:

<script> 
sflakesMax = 75; 
sflakesMaxActive = 75; 
svMaxX = 2; 
svMaxY = 2; 
ssnowStick = 1; 
</script> 
<script src="//media.lpgenerator.ru/uploads/images/2014snowflakes.js">
</script>

6) Вставьте его в соответствующее поле и сохраните:

2b3196ae300e775d371de0581964cc7f.png

7) Готово! Сохраните целевую страницу и откройте ее в режиме просмотра. Сверху будут лететь снежинки, которые меняют свое направление в зависимости от положения курсора. Посмотреть пример.

8) Можно подобрать скорость, изменить количество падающего снега и указать поведение снежинок в нижней части страницы.

Для этого измените в скрипте значения параметров:
sflakesMax и sflakesMaxActive - количество снега
svMaxX - скорость снежинок по горизонтали
svMaxY - скорость по вертикали
ssnowStick - скапливание снега внизу. Значения: 1 - включено, 0 - отключено:

35e32830a8ceba9db0efd1931df1e1eb.png

9) Не забудьте удалить скрипт, когда он станет неактуален:

32cffcdc9b3f49f692367d44a9a83c91.png

По всем вопросам пишите нам по адресу: support@lpgenerator.ru

Новогоднего настроения и высоких вам конверсий!

Помогла ли вам статья?