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: 2.00 out of 51 vote, average: 2.00 out of 51 vote, average: 2.00 out of 51 vote, average: 2.00 out of 51 vote, average: 2.00 out of 5

› §15 ნესტანისაგან ტარიელის ხმობა

391
დღესა ერთსა საწოლს მოვე მეფისა სრით წამოსრული,
ვჯე და მასვე ვიგონებდი, არ მიეცა თვალთა რული;
წიგნი მქონდა საიმედო, ამად ვიყავ მხიარული;
კარსა მცველმან მონა უხმო, უთხრა საქმე დაფარული.
392
“მონააო ასმათისი”, საწოლს ვუთხარ შემოყვანა.
მოეწერა: “გიბრძანებსო”, › › ›

DU