Снегопад на сайт
На просторах интернета нашел неплохой скрипт, который организует на сайте снегопад-в прямом смысле.
Итак для его организации необходимо сделать следующиее:
1. Скачать его по ссылке
2. Создать в корне сайта папку js
3. Закачать в эту папку скаченный файл snowstorm.js
4. В шаблон сайта между <head> </head> вставить код
<script type="text/javascript" src="/js/snowstorm.js"></script>
Небольшая инструкция к нему
Вы можете помочь с улучшением перевода описания настроек на русский язык.
| Параметр | По умолчанию | Описание параметра |
| modsnow_base_on | Да | Включить снег на сайте |
| modsnow_templates | Показывать на шаблонах. ID шаблонов для вывода снега через запятую. Если пусто - выводит во всех шаблонах. | |
| modsnow_autoStart | Да | Старт при загрузке. Должен ли снег запускаться сразу автоматически или нет. |
| modsnow_excludeMobile | Да | Выводить на мобильных. Снег, вероятно, будет сильно нагружать процессоры мобильных телефонов и нагревать батарею. Включайте на свой страх и риск. |
| modsnow_flakesMax | 128 | Общее количество снежинок. Ограничить общее количество снега (падение + прилипание). |
| modsnow_flakesMaxActive | 64 | Видимое количество снежинок. Ограничение количества снега, падающего сразу (меньше = меньшее использование ЦП). |
| modsnow_animationInterval | 33 | Интервал анимации. Количество «милисекунд на кадр». 20 = быстрый + плавный, но высокий уровень использования ЦП. 50 = более консервативный, но медленный. |
| modsnow_useGPU | Да | Аппаратное ускорение. Включить аппаратное ускорение на основе преобразования, снизить нагрузку на ЦП. |
| modsnow_className | null | CSS класс. Имя класса CSS для дальнейшей настройки на снежных элементах. |
| modsnow_flakeBottom | null | flakeBottom. Целое значение для ограничения снега по оси Y, 0 или null для эффекта «полноэкранный» снег. |
| modsnow_followMouse | Да | Реакция на мышь. Движение снега может реагировать на пользовательскую мышь. |
| modsnow_snowColor | #fff | Цвет снежинок. Например blue |
| modsnow_snowCharacter | • | Символ снега. Символ снежинки. Можно использовать буквы или другие символы. Возможно потребуется подстроить высоту и ширину снежинки (modsnow_flakeWidth и modsnow_flakeHeight) Примеры таких символов: • - •❄ - ❄❅ - ❅❆ - ❆⚝ - ⚝❉ - ❉❋ - ❋✲ - ✲☀ - ☀✿ - ✿❀ - ❀✾ - ✾❁ - ❁❂ - ❂⚛ - ⚛❤ - ❤◈ - ◈⁂ - ⁂※ - ※₽ - ₽✚ - ✚✔ - ✔✘ - ✘✖ - ✖☻ - ☻☁ - ☁★ - ★☆ - ☆✪ - ✪✫ - ✫✯ - ✯⚜ - ⚜ |
| modsnow_snowStick | Да | Залипание снега. Должен ли снег прилипать внизу. Когда выключено, он не собирается. |
| modsnow_targetElement | null | Элемент DOM. Элемент, в который будет добавлен снег (null = document.body) - может быть идентификатором элемента, например. myDiv или ссылка узла DOM. |
| modsnow_useMeltEffect | Да | Таяние снега. При утилизации выпавшего снега (или редко, при падении), он «расплавляется» и исчезает, если браузер поддерживает эту возможность. |
| modsnow_useTwinkleEffect | Нет | Мерцание снега. Позволяет снегу случайно «мерцать» внутри и вне поля зрения при падении. |
| modsnow_usePositionFixed | Нет | Сдвиг при прокрутке. Если Да, то снег не сдвигается вертикально при прокрутке. Может увеличить загрузку процессора, отключен по умолчанию - если включен, используется только там, где поддерживается. |
| modsnow_usePixelPosition | Нет | Позиция в пикселях. Использовать ли пиксельные значения для снежного покрова / left против процентов. Включено если body имеет position: relative или указан элемент DOM (targetElement). |
| modsnow_freezeOnBlur | Да | Заморозка при неактивной вкладке. Если вкладка браузера неактивна, снегопад замораживается. Сохраняет CPU. |
| modsnow_lakeLeftOffset | 0 | Отступ слева. Поле слева контейнера (например, окна браузера) Увеличьте эти значения, если вы видите горизонтальные полосы прокрутки. |
| modsnow_flakeRightOffset | 0 | Отступ справа. Поле справа контейнера. |
| modsnow_flakeWidth | 8 | Максимальная ширина снежинки в пикселях. |
| modsnow_flakeHeight | 8 | Максимальная высота снежинки в пикселях. |
| modsnow_vMaxX | 5 | Максимальная скорость снегопада по оси X. |
| modsnow_vMaxY | 4 | Максимальная скорость снегопада по оси Y. |
| modsnow_zIndex | 0 | CSS z-index, применяемый к каждой снежинке. Можно выставить максимальный, чтобы снег перекрывал некоторые элементы с высоким z-index, например меню. |
Комментарии ()
Вы должны авторизоваться, чтобы оставлять комментарии.