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

» ფერთა მონაცვლეობა ბმულებზე

სასურველ ფერთა გადასვლა ბოდიალას ბმულზე მიტანისას. ფერების მითითება ხდება პარამეტრებში:

მაგალითი 1

სკრიპტი უნდა ჩაისვას ბმულების შემდეგ რათა ჯერ ამოცნობილი იქნას პარამეტრები. ეს ეფექტი შესაძლებელია ნებისმიერ ატრიბუტზე მაგალითად -ზე თუკი გინდა მაშინ უნდა მიუთითო ასე:

fadeW3CElements(‘span’);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
 
</head>
<body>
 
<table cellpadding=10 cellspacing=10 border=0>
<tr valign="top">
<td bgcolor="black" width="50%">
<a href="#0" parameters="#FF0000~#0000FF~300~300">მაგალითი 1</a><br/><br/>
<a href="#0" parameters="#00AA00~#FF00FF~600~600">მაგალითი  2</a><br/><br/>
<a href="#0" parameters="#0000FF~#FF0000~200~600">მაგალითი  3</a>
</td>
<td bgcolor="lightgrey" width="50%">
<a href="#0" parameters="#000000~#FFFFFF~350~500">მაგალითი  4</a><br/><br/>
<a href="#0" parameters="#FF000F~#000000~100~100">მაგალითი  5</a><br/><br/>
<a href="#0">ეფექტის გარეშე</a>
</td>
</tr>
</table>
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
<script type="text/javascript" language="javascript">
var cID=0;
var currL=null;
var cntr=0;
var sCol=new Array();
var eCol=new Array();
var cSteps=new Array();
var itStep=15;
 
function cSet(hexn){
var el=new Array();
for(i=1,n=0;i<7;i+=2,n++)el[n]=parseInt('0x'+hexn.substring(i,i+2));
return el;
}
 
function calcSteps(el){
for(i=0;i<3;i++)cSteps[i]=Math.round((eCol[i]-sCol[i])/itStep);
}
 
function getHex(n){
return Math.max(Math.min(sCol[n]+cSteps[n]*cntr,255),0).toString(16);
}
 
function fadeLink(isH){
if(cntr<itStep){
var R=getHex(0);
var G=getHex(1);
var B=getHex(2);
if(R.length==1)R='0'+R;
if(G.length==1)G='0'+G;
if(B.length==1)B='0'+B;
currL.style.color=('#'+R+G+B);
cntr++;
}else{
clearInterval(cID);
if(isH)currL.style.color=currL.EC;
else currL.style.color=currL.SC;
}}
 
function linkH(){
if(currL!=null)currL.style.color=currL.SC;
clearInterval(cID);
cntr=1;
sCol=new cSet(this.SC);
eCol=new cSet(this.EC);
calcSteps();
cID=setInterval('fadeLink(true)',this.FSH);
currL=this;
if(typeof this.omv=="function")this.omv();
return true;
}
 
function linkO(){
clearInterval(cID);
cntr=1;
sCol=new cSet(this.EC);
eCol=new cSet(this.SC);
calcSteps();
cID=setInterval('fadeLink(false)',this.FSO);
if(typeof this.omt=="function")this.omt();
currL=this;
}
 
function fadeW3CElements(which){
if(document.getElementsByTagName){
var el=document.getElementsByTagName(which);
var pms=new Array();
for(i=0;i<el.length;i++){
if(el[i].getAttribute('parameters')){
pms=el[i].getAttribute('parameters').split('~');
if(pms.length==4){
el[i].SC=pms[0].substr(pms[0].indexOf('#'),7);
el[i].EC=pms[1].substr(pms[1].indexOf('#'),7);
el[i].FSH=Math.ceil(Math.max(20,parseInt(pms[2]))/itStep);
el[i].FSO=Math.ceil(Math.max(20,parseInt(pms[3]))/itStep);
el[i].style.color=el[i].SC;
el[i].omv=el[i].onmouseover;
el[i].onmouseover=linkH;
el[i].omt=el[i].onmouseout;
el[i].onmouseout=linkO;
}}}}}
 fadeW3CElements('a'); //ამ შემთხვევაში <a>
</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: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 5

› Force download – გადმოწერის დაძალება

მოგესალმებით,
ამ პოსტში დაგიწერთ რამოდენიმე პატარა და გამოსადეგ კოდს, რომლის საშვალებითაც შეძლებთ ფაილის გადმოწერას მისი ბმულის მითითებით ანუ ინტერნეტში განთავსებული ფაილების ძალდატანებითი გამოწერას…
საქმე იმაშია რომ ფუნქცია ავტომატურა მოახენს ფაილის თქვენს სერვერზე › › ›

DU