• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Снег на сайт uCoz
Снег на сайт uCoz
Slavik
Понедельник, 01 Сентября 2014 | Сообщение 1
Оффлайн
Vip
Сообщений:1767
Награды: 4
Приближается зима, Новый Год и наступает время установить на сайт скрипт падающего снега. biggrin :D biggrin



Установка:

В самое начало шапки сайта или в подвал сайта:

Код
<script type="text/javascript">     
      //Для смены иконки снега, измените ссылку на картинку в данном параметре.     
      var snowsrc="http://zornet.ru/CSS-ZORNET/ND/sneg.gif"     
      //настройка ниже предназначена для изменения кол-ва снега (рекомендуем 10-12).     
      var no = 12;     
      // Время изчезновения снега (0 = никогда)     
      var hidesnowtime = 0;     
      // Снег будет падать до низа страницы или до низа окна ("WindowHeight" или "PageHeight").     
      var snowdistance = "pageheight";     

     ///////////Stop Config//////////////////////////////////     

      var ie4up = (document.all) ? 1 : 0;     
      var ns6up = (document.getElementById&&!document.all) ? 1 : 0;     

      function iecompattest(){     
      return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body     
      }     

      var dx, xp, yp; // coordinate and position variables     
      var am, stx, sty; // amplitude and step variables     
      var i, doc_width = 1200, doc_height = 1000;      
           
      if (ns6up) {     
      doc_width = self.innerWidth;     
      doc_height = self.innerHeight;     
      } else if (ie4up) {     
      doc_width = iecompattest().clientWidth;     
      doc_height = iecompattest().clientHeight;     
      }     

      dx = new Array();     
      xp = new Array();     
      yp = new Array();     
      am = new Array();     
      stx = new Array();     
      sty = new Array();     
      snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc     
      for (i = 0; i < no; ++ i) {      
      dx[i] = 0; // set coordinate variables     
      xp[i] = Math.random()*(doc_width-50); // set position variables     
      yp[i] = Math.random()*doc_height;     
      am[i] = Math.random()*20; // set amplitude variables     
      stx[i] = 0.02 + Math.random()/10; // set step variables     
      sty[i] = 0.7 + Math.random(); // set step variables     
      if (ie4up||ns6up) {     
      if (i == 0) {     
      document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");     
      } else {     
      document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");     
      }     
      }     
      }     

      function snowIE_NS6() { // IE and NS6 main animation function     
      doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;     
      doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;     
      for (i = 0; i < no; ++ i) { // iterate for every dot     
      yp[i] += sty[i];     
      if (yp[i] > doc_height-50) {     
      xp[i] = Math.random()*(doc_width-am[i]-30);     
      yp[i] = 0;     
      stx[i] = 0.02 + Math.random()/10;     
      sty[i] = 0.7 + Math.random();     
      }     
      dx[i] += stx[i];     
      document.getElementById("dot"+i).style.top=yp[i]+"px";     
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";      
      }     
      snowtimer=setTimeout("snowIE_NS6()", 10);     
      }     

      function hidesnow(){     
      if (window.snowtimer) clearTimeout(snowtimer)     
      for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"     
      }     
           

     if (ie4up||ns6up){     
      snowIE_NS6();     
      if (hidesnowtime>0)     
      setTimeout("hidesnow()", hidesnowtime*1000)     
      }     

     </script>


Готово))).
Прикрепления: 2448791.jpg (3.9 Kb)


MIR-HACK.RU - Добро пожаловать в мир читов!

Сообщение отредактировал
Slavik - Понедельник, 01 Сентября 2014, 20:07
Страна: (RU)
Kosten
Понедельник, 01 Сентября 2014 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Зимнее тематика biggrin
Страна: (RU)
Kosten
Понедельник, 01 Сентября 2014 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Хотя уже осень surprised
Страна: (RU)
kredit-oformi
Понедельник, 01 Сентября 2014 | Сообщение 4
Оффлайн
Vip
Сообщений:1975
Награды: 5
Slavik, падающие листья актуальнее были бы smile
Страна: (RU)
Slavik
Понедельник, 01 Сентября 2014 | Сообщение 5
Оффлайн
Vip
Сообщений:1767
Награды: 4
Цитата Kosten ()
Хотя уже осень

Вот вот) wink .

Цитата kredit-oformi ()
Slavik, падающие листья актуальнее были бы

Дану не)), мне кажется лучше Снег), листья не так смотрелось бы). wink


MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
kredit-oformi
Понедельник, 01 Сентября 2014 | Сообщение 6
Оффлайн
Vip
Сообщений:1975
Награды: 5
Цитата Slavik ()
листья не так смотрелось бы

каждому свое smile
Страна: (RU)
Slavik
Понедельник, 01 Сентября 2014 | Сообщение 7
Оффлайн
Vip
Сообщений:1767
Награды: 4
Цитата kredit-oformi ()
каждому свое

Это да), но все же потом будет давать сильную нагрузку на сайт smile tongue


MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Снег на сайт uCoz
  • Страница 1 из 1
  • 1
Поиск: