Кто-то каждое 31 декабря идет в баню, а кто-то украшает свой сайт падающими снежинками. В преддверии Нового года мне хочется поделиться с читателями еще одним простеньким скриптом, который украсит любой проект.

Этот скрипт не использует изображений, вместо снежинок по умолчанию звездочка: *, но можно использовать любой другой текстовый символ. К тому же, снежинки можно делать разноцветными. Но давайте по порядку.

Данный скрипт, исправленный и доработанный я нашел здесь.

Подключаем скрипт

Скачиваем скрипт и помещаем его в папку assets/js или в любую другую. Подключаем скрипт между тегами <head> и </head>:

<script src="assets/js/snow-fall.js" type="text/javascript"></script>

Настраиваем скрипт

Если открыть скрипт в текстовом редакторе, например в Notepad++ в строках с 7 по 31 находятся все настройки для нашего будущего снегопада. Там все комментарии на английском, но для тех, у кого сложности с переводом, я приведу комментарии на русском языке:

//Определите количество снежинок (больше чем 30 - 40 не рекомендуется)
var snowmax=35

//Выберите цвета для снежинок. Добавьте столько цветов, сколько Вам нравится
var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5")

//Установите шрифты, которые создают снежинки. Добавьте столько шрифтов, сколько Вам нравится
var snowtype=new Array("Times")

//Установите текстовый символ для Вашей снежинки (рекомендуется: *)
var snowletter="*"

//Установите скорость снижения снежинок (рекомендуемый диапазон от 0.3 до 2)
var sinkspeed=0.6

//Установите максимальный размер снежинок
var snowmaxsize=35

//Установите минимальный размер снежинок
var snowminsize=8

//Установите обасть экрана для падающих снежинок
//Установите 1 для всей области экрана, установите 2 для падения снежинок в левой части экрана
//Установите 3 для падения снежинок по центру экрана, установите 4 для падения снежинок в правой части экрана
var snowingzone=1

С наступающим Вас Новым годом!

Поделитесь ссылкой

Статистика

Яндекс цитирования
© 2011 - 2023 Школа MODX
Напишите нам в Telegram