Главная » Файлы » Прочие скрипты » Яваскрипты

Эффект падающих осенних листьев для вашего сайта
23.06.14, 08:18:12

Скачать файл




Для начала посмотрите ДЕМО

Теперь переходим к установке:

После /head вставляйте следующий код:
Код
<script language="JavaScript1.2">  

  //Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)  
  //Modified by Dynamic Drive for NS6 functionality  
  //visit http://www.dynamicdrive.com for this script  

  //Pre-load your image below!  
  grphcs=new Array(6)  
  Image0=new Image();  
  Image0.src=grphcs[0]="/images/al.gif";  
  Image1=new Image();  
  Image1.src=grphcs[1]="/images/bl.gif"  
  Image2=new Image();  
  Image2.src=grphcs[2]="/images/cl.gif"  
  Image3=new Image();  
  Image3.src=grphcs[3]="/images/dl.gif"  
  Image4=new Image();  
  Image4.src=grphcs[4]="/images/el.gif"  
  Image5=new Image();  
  Image5.src=grphcs[5]="/images/fl.gif"

  Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!  
  Ypos=new Array();  
  Xpos=new Array();  
  Speed=new Array();  
  Step=new Array();  
  Cstep=new Array();  
  ns=(document.layers)?1:0;  
  ns6=(document.getElementById&&!document.all)?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><img src="+rndPic+"></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">');  
  }  
  document.write('</div></div>');  
  }  
  WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;  
  WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;  
  for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);  
Xpos[i] = Math.round(Math.random()*WinWidth);  
Speed[i]= Math.random()*5+3;  
Cstep[i]=0;  
Step[i]=Math.random()*0.1+0.05;  
  }  
  function fall(){  
  var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;  
  var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;  
  var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;  
  var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;  
  for (i=0; i < Amount; i++){  
  sy = Speed[i]*Math.sin(90*Math.PI/180);  
  sx = Speed[i]*Math.cos(Cstep[i]);  
  Ypos[i]+=sy;  
  Xpos[i]+=sx;
  if (Ypos[i] > WinHeight){  
  Ypos[i]=-60;  
  Xpos[i]=Math.round(Math.random()*WinWidth);  
  Speed[i]=Math.random()*5+3;  
  }  
  if (ns){  
  document.layers['sn'+i].left=Xpos[i];  
  document.layers['sn'+i].top=Ypos[i]+hscrll;  
  }  
  else if (ns6){  
  document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);  
  document.getElementById("si"+i).style.top=Ypos[i]+hscrll;  
  }  
  else{  
  eval("document.all.si"+i).style.left=Xpos[i];  
  eval("document.all.si"+i).style.top=Ypos[i]+hscrll;  
  }
  Cstep[i]+=Step[i];  
  }  
  setTimeout('fall()',20);  
  }  

  window.onload=fall  
  //-->  
  </script>


Всё, скрипт установлен и остаётся лишь залить в папку images все картинки, которые находятся в прикреплённом архиве

Материал подготовил Apocalypse

Категория: Яваскрипты | Добавил: Apocalypse | Теги: эффект, осенних, листьев, Вашего, падающих, сайта, для
Просмотров: 1153 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: