Как сделать снежинки на сайте
Из этой статьи Вы узнаете о том, как сделать эффект падающих снежинок на свой сайт с помощью 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 - задают размеры снежинок (максимальный и минимальный соответственно).
Читайте также:
• Style в html
• Добавление счетчика посещений на сайт
• Вывод html с помощью AJAX
• Как сделать выпадающие меню
• Коды символов для HTML
← Перейти в каталог html уроков и советов
|