Здравствуйте, дорогие друзья!
Сегодня мы расскажем о том, как добавить на лендинг немного волшебного снега :).
Снежинки плавно спускаются сверху и тают в нижней части экрана. Особенно актуальным это простое украшение будет на тематических лендингах, посвящённых новогодней атрибутике.
Посмотреть снежный пример можно здесь.
Реализация займет у вас всего пару минут! Итак, нам понадобится добавить только один скрипт, для этого:
1) Откройте целевую страницу в визуальном редакторе LPgenerator:
2) Кликните по инструменту “Скрипты” на верхней панели:
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) Вставьте его в соответствующее поле и сохраните:
7) Готово! Сохраните целевую страницу и откройте ее в режиме просмотра. Сверху будут лететь снежинки, которые меняют свое направление в зависимости от положения курсора. Посмотреть пример.
8) Можно подобрать скорость, изменить количество падающего снега и указать поведение снежинок в нижней части страницы.
Для этого измените в скрипте значения параметров:
sflakesMax и sflakesMaxActive - количество снега
svMaxX - скорость снежинок по горизонтали
svMaxY - скорость по вертикали
ssnowStick - скапливание снега внизу. Значения: 1 - включено, 0 - отключено
9) Не забудьте удалить скрипт, когда он станет неактуален:
По всем вопросам пишите нам по адресу: support@lpgenerator.ru