Скрипт снега / Скрипты / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Скрипты

Bootstrap: 3, 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, WHMCS, PHP

Язык: Английский

Вес файла: 123.8 Kb

Уникальный ID: 5638

Количество символов:

Посмотрели: 789 раз

Помощь: установка & настройка

Прикреплён файл №1: /_sf/56/5638.ttf

Прикреплён файл №2: /stuff/0-0-0-5638-20

Скачали бесплатно: 24 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 2 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: Снег на сайт, снег для сайта, Скрипт, скрипт снега, Script

Поделился: BootstrapТема

Добавлено: 2022-12-30 в 10:50

Метка: 1672403543

⇄ ⇅

// Цвета снежинок, добавьте цвета используемые на сайте
var snowcolor=new Array("rgb(11,186,255)","rgb(185, 196, 218)","rgb(204,204,221)","rgb(243,243,243)","rgb(240,255,255)","rgb(185, 196, 218)","rgb(239,245,255)")

// Символ снега если шрифт не загрузится
var snowletter=new Array("*");

// Скорость падения снежинок
var sinkspeed=0.6;

// Максимальный размер снежинки
var snowmaxsize=52;

// Минимальный размер снежинки
var snowminsize=8;

// Положение снега
// 1 на всей странице, 2 только слева
// 3 только по центру, 4 только справа
var snowingzone=1;

// Неизменяемая часть
var snow=new Array();
var marginbottom;
var marginright;
var timer;
var i_snow=0;
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent;
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
var ns6=document.getElementById&&!document.all;
var opera=browserinfos.match(/Opera/);
var browserok=ie5||ns6||opera;
function randommaker(range) {
 rand=Math.floor(range*Math.random());
 return rand;
}
function initsnow() {
 if (ie5 || opera) {
 marginbottom=document.body.clientHeight;
 marginright=document.body.clientWidth;
 }
 else if (ns6) {
 marginbottom=window.innerHeight;
 marginright=window.innerWidth;
 }
 var snowsizerange=snowmaxsize-snowminsize;
 for (i=0;i<=snowmax;i++) {
 crds[i]=0;
 lftrght[i]=Math.random()*15;
 x_mv[i]=0.03+Math.random()/10;
 snow[i]=document.getElementById("s"+i);
 snow[i].size=randommaker(snowsizerange)+snowminsize;
 snow[i].style.fontSize=snow[i].size+"px";
 snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
 snow[i].sink=sinkspeed*snow[i].size/5;
 if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
 if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
 if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
 if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
 snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);
 snow[i].style.left=snow[i].posx+"px";
 snow[i].style.top=snow[i].posy+"px";
 }
 movesnow();
}
function movesnow() {
 for(i=0;i<=snowmax;i++) {
 crds[i]+=x_mv[i];
 snow[i].posy+=snow[i].sink;
 snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
 snow[i].style.top=snow[i].posy+"px";
 if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])) {
 if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
 if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
 if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
 if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
 snow[i].posy=0;
 }
 }
 var timer=setTimeout("movesnow()",50);
}
for (i=0;i<=snowmax;i++) {
 document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"px;font-family:WWFlakes;'>"+snowletter+"</span>");
}
if (browserok) {
 window.onload=initsnow;
}
</script>

BootstrapTema

Скрипт снега

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0