Из этой статьи Вы узнаете о том, как сделать эффект падающих снежинок на свой сайт с помощью JavaScript. На новый год многие владельцы сайтов украшают свои сайты различными графическими элементами и эффектами. В частности большинство сайтов добавляют к себе на сайт эффект падающего снега. Я расскажу о том, как это реализовать с помощью JavaScript. Мой метод лучше других тем, что почти не нагружает браузеры и не требует загрузки каких-то изображений. Также этот метод работает на всех браузерах, даже на мобильных платформах.
Ниже представлен пошаговый процесс добавления снежинок на сайт.
1. Скачайте архив: snow.rar.
2. В архиве будет единственный файл snow.js. Этот JavaScript-файл необходимо подключить в любом месте в HTML-коде Вашего сайта:
<script type="text/javascript" language="JavaScript" src="snow.js"></script>
Параметры снега можно настраивать. Для этого откройте snow.js и отредактируйте параметры. Например:
- snowmax — задает максимальное количество снежинок
- snowcolor — определяет цвета снежинок (можно этот параметр не менять, поскольку цвета подобраны очень хорошо)
- snowletter — определяет символ, который и будет летать (сюда можно вписать и другой символ, например $)
- sinkspeed — задает скорость падения снежинок
- snowmaxsize и snowminsize — задают размеры снежинок (максимальный и минимальный соответственно)
Читайте также:
• Спецсимволы в HTML
• Добавление социальных кнопок на сайт
• Коды и названия html цветов для сайта
• Как сделать фон для сайта
• Как сделать бегущую строку на сайте
• HTML тег <embed>
• HTML тег <object>
• HTML тег <!-- --> (комментарии)
• <!DOCTYPE> в html