Dahock Сообщество - Снежинки для сайта

Скрипт падающих снежинок

Зимой на некоторых сайтах Вы наверняка наблюдали подающие сверху снежинки. Если с данным скриптом не переусердствовать, то выглядит это вполне красиво.
Как Вы уже могли заметить, на данной страничке установлен данный скрипт падающего снега.
Это довольно простой скрипт падающих снежинок и имеет мало настроек.
Для того, чтобы сделать на своем сайте идущий снег, достаточно скопировать к себе на сайт следующий код:
JavaScript код:

<script type="text/javascript">
var imgsrc="image/snow/snow.gif";
var ie4=(document.all)?1:0;
var ns6=(document.getElementById&&!document.all)?1:0;
var height=(document.layers)?window.innerHeight:window.document.body.scrollHeight;
if (height<window.document.body.clientHeight) height=window.document.body.clientHeight;
var width=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var col=Math.round(height/25);    //количество снежинок

amp=new Array();
x_pos=new Array();
y_pos=new Array();
stx=new Array();
sty=new Array();
deltax=new Array();
obj=new Array();

for (i=0; i<col; ++i) {
 amp[i]=Math.random()*19;
 x_pos[i]=Math.random()*(width-amp[i]-29);
 y_pos[i]=Math.random()*height;
 stx[i]=0.03+Math.random()*0.25;
 sty[i]=2+Math.random();
 deltax[i]=0;
 if (ie4||ns6) {
    document.write("<img id=\"sn"+ i +"\" style=\"position:absolute;" +
    "z-index: "+ i +"; visibility:visible; top:-50px; left:-50px;\"" +
    "src='"+imgsrc+"' border=0>");
 }
 obj[i] = document.getElementById("sn"+i);
}

function flake() {
 for (i=0; i<col; ++i) {
    y_pos[i]+=sty[i];
    if (y_pos[i]>height-49) {
        x_pos[i]=Math.random()*(width-amp[i]-29);
        y_pos[i]=0;
    }
    deltax[i]+=stx[i];
    obj[i].style.top=y_pos[i]+"px";
    obj[i].style.left=x_pos[i]+amp[i]*Math.sin(deltax[i])+"px";
 }
setTimeout("flake()", 40);
}
flake();
</script>


Не забудьте в строчке imgsrc="image/snow/snow.gif"; указать путь к картинке снежинки.
Для того, чтобы снежинки были распределены по всей высоте странички, JavaScript код необходимо вставить после тега </body>.

 ​​​​​​​

Задачи 2019
Просмотров: 244
Рейтинг: 3.6

Обновление
Просмотров: 306
Рейтинг: 2.5

Закрыть меню
Боковая Панель Закрыть

 Навигация Основное:

На Музыкальный Сайт  (Музыкальный Сайт на котором эксклюзивное видео и аудиозаписи с RaidCall)

На Кино Сайт    (Кино Сайт где вы найдете мультфильмы,фильмы и шоу а также фильмы от Dahock)

На Хоррор Сайт  (Мистический Сайт где только мрак и тишина любителям мистики)

На Manual Dahock  (Мануал для тех кто попал впервые на Портал)

На XDXKX  (Hard Anime Сайт только +18)

На Газета DHK  (Авторский Информационный Блог)

Каналы:

Ютуб (Основной канал  всегда самое первое видео выходит раньше всего)

Рутуб (Второстепенный канал на русскоязычном портале)

Соц-Сети:

Вконтакте   (В этой группе всегда все самые самые свежие новости а также регулярные новости)

Одноклассники  (Для тех кто не сидит не где кроме Одноклассники)

Фейсбук  (Всемирная соц сеть где выходят не все новости а только отсортированные)

МайлРу  (Редкая группа редко выходят новости и видео для тех кто не любит ничего кроме МайлРу)

Твиттер  (Всегда свежие статейки ссылки и цитаты)

close