1 Star2 Stars3 Stars4 Stars5 Stars
Loading...Loading...

» თოვლის ეფექტი

ვისაც უყვარს საითზე ეფექტები, გაფორმება და მასეთები ეს სკრიპტი გამოადგება. ესეიგი რა ხდება, ესაა თოვლის თუ ფიფქების ეფექტი ნუ მოკლედ გინდ ფიფქი ჩაუსვი და გინდ ყვავი რასაც ჩასვავ იმის ცვენა იქნება საიტზე.
ეს კი სკრიპტის პარამეტრებია:

var no = 15; //სიმრავლე
var speed = 10; //სიჩქარე
var snowflake = “image.gif”; //ფოტო

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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<html>
<head>
 
</head>
<body>
 
<script language="javascript1.2">
var no = 15;
var speed = 10;
var snowflake = "http://a10.idata.over-blog.com/0/08/59/55/Petites-fleurs/snow.gif";
 
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; 
var am, stx, sty; 
var i, doc_width = 800, doc_height = 600;
if (ns4up){
 doc_width = self.innerWidth;
 doc_height = self.innerHeight;
} else if (ie4up){
 doc_width = document.body.clientWidth;
 doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i){
 dx[i] = 0;         
 xp[i] = Math.random()*(doc_width-50); 
 yp[i] = Math.random()*doc_height;
 am[i] = Math.random()*20;         
 stx[i] = 0.02 + Math.random()/10; 
 sty[i] = 0.7 + Math.random();   
 if (ns4up){                  
  if (i == 0){
   document.write('<layer name="dot'+ i +'" left="15" ');
   document.write('top="15" visibility="show"><img src="');
   document.write(snowflake + '" border="0"></layer>');
  } else {
   document.write('<layer name="dot'+ i +'" left="15" ');
   document.write('top="15" visibility="show"><img src="');
   document.write(snowflake + '" border="0"></layer>');
  }
 } else if (ie4up){
  if (i == 0){
   document.write('<div id="dot'+ i +'" style="POSITION: ');
   document.write('absolute; Z-INDEX: '+ i +'; VISIBILITY: ');
   document.write('visible; TOP: 15px; LEFT: 15px;"><img src="');
   document.write(snowflake + '" border="0"></div>');
  } else {
   document.write('<div id="dot'+ i +'" style="POSITION: ');
   document.write('absolute; Z-INDEX: '+ i +'; VISIBILITY: ');
   document.write('visible; TOP: 15px; LEFT: 15px;"><img src="');
   document.write(snowflake + '" border="0"></div>');
  }
 }
}
 
function snowNS(){
 for (i = 0; i < no; ++ i){
  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();
   doc_width = self.innerWidth;
   doc_height = self.innerHeight;
  }
  dx[i] += stx[i];
  document.layers["dot"+i].top = yp[i];
  document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
 }
 setTimeout("snowNS()", speed);
}
 
function snowIE(){
 for (i = 0; i < no; ++ i){
  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();
   doc_width = document.body.clientWidth;
   doc_height = document.body.clientHeight;
  }
  dx[i] += stx[i];
  document.all["dot"+i].style.pixelTop = yp[i];
  document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
 }
 setTimeout("snowIE()", speed);
}
 
if (ns4up){
 snowNS();
} else if (ie4up){
 snowIE();
}
</script>
 
</body>
</html>
© აქ გამოქვეყნებული ნებისმიერი რესურსის გამოყენება, დასაშვებია მხოლოდ მისივე გვერდის ბმულის წყაროდ მითითებით!

დატოვე კომენტარი↓

*გთხოვთ წეროთ ქართული ასოებით

 

 

XHTML: დამხმარე კოდები: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

2 votes, average: 5.00 out of 52 votes, average: 5.00 out of 52 votes, average: 5.00 out of 52 votes, average: 5.00 out of 52 votes, average: 5.00 out of 5

› ანიმაცია vs ანიმატორი

კარგი გასართობი ფლეშ ანიმაციაა, რომელიც ალან ბეკერის (Alan Becker) შექმნილია და ეს მესამე ნაწილია. ფაილი ცოტა დიდი მოცულობისაა და დაელოდეთ ჩამოტვირთვას.

DU