вход  



Последние коментарии  

Облако тегов  

Скрипт падающий снег на сайте

E-mail
Оценка пользователей: / 6
ПлохоОтлично 

На этой странице представлен скрипт, который создает анимацию в виде падающего снега. Анимация воспроизводится на определенной web-странице. Если вставить скрипт в шаблон то появится на всем сайте. Анимационный эффект, создаваемый данным скриптом выглядит весьма привлекательно, поэтому скрипт вполне может быть использован для создания анимированных логотипов, или блоков новогодних объявлений и поздравлений на сайте.

 Так же представленный скрипт можно скачать ниже во вложении.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<script language="JavaScript1.2"> 
grphcs=new Array(2) 
Image0=new Image(); 
Image0.src=grphcs[0]="http://fantasyflash.ru/script/web/image/sneg1.gif"; 
Image1=new Image(); 
Image1.src=grphcs[1]="http://fantasyflash.ru/script/web/image/sneg1.gif"; 
Amount=10; 
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("+i+"' LEFT="0" TOP="0">+rndPic+">"); 
} 
} 
ELSE{ 
document.write(''); 
FOR (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P];//osw 
document.write('+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); 
} 
document.write(''); 
} 
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;//fantasyflash.ru 
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>

 

 

Вложения:
ФайлРазмер файла
Скачать файл (скрипт_падающий_снег.zip)скрипт_падающий_снег.zip0.9 Kb

Вам необходимо зарегистрироваться что бы оставить коментарий!

© 2017 - sitizona.ru
   
| Пятница, 28. Июль 2017