Как сделать снежинки на сайте

Из этой статьи Вы узнаете о том, как сделать эффект падающих снежинок на свой сайт с помощью 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


← Перейти в каталог html уроков и советов

Читайте также:

Copy Protected by Chetan's WP-Copyprotect.