В примере вы увидите как добавить эффект падающего снега на страницах вашего сайта с использованием jQuery. Падающий снег на сайте украсит и создаст атмосферу праздника, ведь скоро Новый Год.
Demo
Архив с примером
Для начала вы должны просмотреть архив с примером, в нем находиться изображения снежинок и файл javascript который управляет снегопадом.
Шаг-1
Скопируйте из архива к себе на сервер папку JS как есть.
Шаг-2
Если этого не было сделано ранее, то подключите библиотеку jquery.
Шаг-3
Подключите файл javascript из папки JS.
Шаг-4
Скопируйте следующий код между тегами
jQuery(document).ready(function($){ $.snow({ flake_number: 50, flake_folder: 'js/big-24/', flake_imgs: 5, linked_flakes: 0, link: '', melt: 550, wind: 50, rotation: 4, speed: 8}); });
Настройки:
flake_number — Максимальное количество снежинок на экране, мы рекомендуем не устанавливать это значение выше 100.
flake_folder — Путь к папке с изображениями снежинок.
linked_flakes -Процент снежинок, которые являются ссылками, 0-нет, 50-половина, 100-все.
link — URL для снежинок
melt — Время в миллисекундах при котором происходит таянье снежинки в нижней части экрана, 0 для отключения 500 для нормального времени.
wind — сила ветра, 50, умеренный ветер, 100 сильный.
rotation — скорость вращения, 4 для нормальной скорости.
speed — скорость падения, 7 — нормально, 12 — быстро