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>

*

1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5

› ავტო-შოუ: 161 ავტომობილთა ფოტო

ეს როგორც მამაკაცური ასევე მემგონი მადილოსანთა ჩანაწერადაც შეიძლება ჩაითვალოს 😉
მოკლედ ამ ჩანაწერში ბლომად ჩავყარე მანქანების ლამაზი ფოტოები, დაათვალიერეთ და დატკბით 😉
[გალერეა…]

DU