Скрипт падающего снега на сайт
Доброго вечера уважаемые дамы и господа. Декабрь ... Предпраздничное настроение. Все потихоньку готовятся к наступающему Новому году!!! Ну и я в свою очередь публикую для, Вас, различные новогодние скрипты.
Чем, чем , чем же украсить свой сайт к празднику. В разделе украшения для сайта Вы можете подобрать понравившийся скрипт снега или отсчёта времени, или же шапочку для счётчика. А может красивую гирлянду. А я хочу опубликовать ещё скрипт падающего снега на сайт html. Хотя скрипт снега не только подходит для сайта на html , он так же подойдёт для любых других CMS. Всё очень просто , закидываем файлы по папкам и прописываем пути . Скрипт снега для сайта построен с помощью js.
Настройка не займет много времени , а в итоге , Вы получите красивый падающий снег на сайте.
Ну и так приступим к установке.
Скачиваем архив, распихиваем всё по папкам, картинки - в картинки , скрипты - в скрипты.
JS подключаем скрипт перед закрывающимся тегом body
Простые снежинки без картинки.
<script src="js/snowfall.js"></script>
<script type="text/jаvascript">
(document).ready(function(){
$(document).snowfall();
});
</script>
Снежинки с картинкой
<script src="js/snowfall.js"></script>
<script type="text/jаvascript">
(document).ready(function(){
$(document).snowfall({image :"/img/snow4.png", minSize: 10, maxSize:20});
});
</script>
В скрипте присутствует следующий функционал:
flakeCount | Количество снежинок на странице (одновременно) |
flakeColor | Цвет снежинок |
minSize | Минимальный размер снежинки |
maxSize | Максимальный размер снежинки |
maxSpeed | Максимальная скорость |
minSpeed | Минимальная скорость |
round | Округление снежинок (значение true или false) |
shadow | Тень снежинок (значение true или false) |
А это пример вызова скрипта
<script type="text/jаvascript">
(document).ready(function(){
$(document).snowfall({
flakeCount: 300,
image :"/img/snow4.png",
minSize: 10,
maxSize:20,
round: true,
shadow: false,
});
});
</script>
Демо скрипта падающего снега для сайта можно глянуть нажав на кнопочку пример.Скачать скрипт падающего снега для сайта можно нажав на кнопочку скачать))
Всех с Наступающим!!!
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.