Оновлені теми · Нові повідомлення · Учасники · Правила форума · Пошук · RSS
  • Сторінка 1 з 1
  • 1
Форум » Для сайтів » Скрипти для сайтів » Зима на сайт - падающий снег
Зима на сайт - падающий снег
Модератор форумаДата: Вівторок, 18.12.2018, 20:24 | Повідомлення # 1





 
До нового года осталось совсем немного, суета с подарками, все начинают ставить елки у себя дома, украшать окна снежинками, километры гирлянд и мишуры, все это и создает праздник, почему же не принести этоже настроение на свой сайт? Давайте добавим праздничного настроения наступающего нового года и запустим настоящий падающий снег для сайта... Предлагаю Вам вариант такого падающего снега.





Установка очень простая, копируем код ниже и вставляем к себе на сайт в верхнюю часть.

Код
[i]<script language="javascript" type="text/javascript">
<!--
Amount = 100;

Image0 = new Image();
Image0.src = "http://gavrilovka.net/Image/578_snow_ckript_cne.png";

grphcs = new Array(1);
grphcs[0] = "http://gavrilovka.net/Image/578_snow_ckript_cne.png";

Ypos = new Array();
Xpos = new Array();
Speed = new Array();
Step = new Array();
Cstep = new Array();
var YPosA;
ns = (document.layers)?1:0;
if (ns) {
  for (i = 0; i < Amount; i++) {
    var P = Math.floor(Math.random()*grphcs.length);
    rndPic = grphcs[P];
    document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><a http://szenprogs.ru/blog/2009-05-06-41><img src="+rndPic+"><\/a><\/LAYER>");
  }
} else {
  document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  for (i = 0; i < Amount; i++) {
    var P = Math.floor(Math.random()*grphcs.length);
    rndPic = grphcs[P];
    document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute; top:0px; left:0px; width:20px; height:20px;">');
  }
  document.write('<\/div><\/div>');
}
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < Amount; i++) {
  Ypos = Math.round(Math.random()*WinHeight);
  Xpos = Math.round(Math.random()*WinWidth);
  Speed= Math.random()*3+2;
  Cstep = 0;
  Step = Math.random()*0.1+0.05;
}
function fall() {
  var WinHeight = (document.layers)?window.innerHeight:window.document.body.clientHeight;
  var WinWidth = (document.layers)?window.innerWidth:window.document.body.clientWidth;
  var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;
  var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;
  for (i=0; i < Amount; i++) {
    sy = Speed*Math.sin(90*Math.PI/180);
    sx = Speed*Math.cos(Cstep);
    Ypos += sy;
    Xpos += sx;
    if (Ypos > WinHeight) {
      Ypos = -60;
      Xpos = Math.round(Math.random()*WinWidth);
      Speed = Math.random()*5+2;
    }
    if (ns) {
      document.layers['sn'+i].left = Xpos;
      document.layers['sn'+i].top = Ypos+hscrll;
    } else {
      document.getElementById('si'+i).style.left = Xpos+'px';
      YPosA=Ypos+hscrll;
      document.getElementById('si'+i).style.top = YPosA+'px';
    }
    Cstep += Step;
  }
  setTimeout('fall()',10);
}
fall();
//-->
</script>[/i]

При желании можно выводить не один, а несколько типов снежинок. Для этого в скрипте нужно будет заменить текст:


Код
Image0 = new Image();
Image0.src = "http://gavrilovka.net/Image/578_snow_ckript_cne.png";

grphcs = new Array(1);
grphcs[0] = "http://gavrilovka.net/Image/578_snow_ckript_cne.png";

вот этим:


Код
Image0 = new Image();
Image0.src = "http://szenprogs.ru/images/snow/snow1.gif";
Image1 = new Image();
Image1.src = "http://szenprogs.ru/images/snow/snow2.gif";
Image2 = new Image();
Image2.src = "http://szenprogs.ru/images/snow/snow3.gif";
Image3 = new Image();
Image3.src = "http://szenprogs.ru/images/snow/snow4.gif";
Image4 = new Image();
Image4.src = "http://szenprogs.ru/images/snow/snow5.gif";
Image5 = new Image();
Image5.src = "http://szenprogs.ru/images/snow/snow6.gif";

grphcs = new Array(1);
grphcs[0] = "http://szenprogs.ru/images/snow/snow1.gif";
grphcs[1] = "http://szenprogs.ru/images/snow/snow2.gif";
grphcs[2] = "http://szenprogs.ru/images/snow/snow3.gif";
grphcs[3] = "http://szenprogs.ru/images/snow/snow4.gif";
grphcs[4] = "http://szenprogs.ru/images/snow/snow5.gif";
grphcs[5] = "http://szenprogs.ru/images/snow/snow6.gif";
 


Форум » Для сайтів » Скрипти для сайтів » Зима на сайт - падающий снег
  • Сторінка 1 з 1
  • 1
Пошук: