[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Снег на сайт uCoz
Sherzod_230688Дата: Payshanba, 06.11.2014, 18:56 | Сообщение # 1
Майор
Группа: Sayt Prezidenti ( SP)
Сообщений: 4702
Статус: Оффлайн
    Приближается зима, Новый Год и наступает время установить на сайт скрипт падающего снега. В сети достаточно много различных версий снега для сайта, но они все не рабочие. Проведя малость утомляющий поиск, я все таки нашел рабочую версию скрипта и предоставляю ее вам

Установка: 

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


Код
<script type="text/javascript">  
   //Для смены иконки снега, измените ссылку на картинку в данном параметре.  
   var snowsrc="http://xn--g1acecr2a.xn--p1ai/script/ucoz/1/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>

Готово!
Прикрепления: 4116221.jpg (9.6 Kb)
 
  • Страница 1 из 1
  • 1
Поиск: