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

» Scrollbar Color Fader

საფურცლი ველების ეფექტი. ფერიდან ფერში გადაყავს.

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
<html>   
<head>
 
<style type="text/css">
 body{
  scrollbar-arrow-color:white;
  background-color:white;
 }
</style>
 
<script type="text/javascript" language="javascript">
var begcolor='#0084d8'; //STARTING COLOR AS A HEX STRING.
var endcolor='#00385c'; //ENDING COLOR AS A HEX STRING.
var steps=50; //TOTAL CHANGE STEPS FROM ONE COLOR TO THE OTHER.
var delay=50; // DELAY BETWEEN EACH COLOR CHANGE. LOWER IS FASTER.
 
// DO NOT EDIT BEYOND THIS POINT
var data=new Array();
var ie5=(document.getElementById && document.all)? true: false;
 
function colorset(num){
this.beg=parseInt('0x'+begcolor.substring(num,num+2));
this.end=parseInt('0x'+endcolor.substring(num,num+2));
this.up=this.startup=(this.end>=this.beg)? true : false;
this.incr=Math.abs(this.end-this.beg)/steps;
this.current=this.beg;
}
 
function changecolors(){
var color=new Array();
for(i=1;i<=3; i++){
(data[i].up)? data[i].current+=data[i].incr : data[i].current-=data[i].incr;
if(data[i].startup){
if(data[i].current>=data[i].end){ data[i].up=false; data[i].current=data[i].end}
if(data[i].current<=data[i].beg){ data[i].up=true; data[i].current=data[i].beg }
}
if(!data[i].startup){
if(data[i].current<=data[i].end){ data[i].up=true; data[i].current=data[i].end}
if(data[i].current>=data[i].beg){ data[i].up=false; data[i].current=data[i].beg}
}
color[i]=data[i].current;
}
color[4]=Math.floor(color[1]).toString(16); if(color[4].length==1)color[4]='0'+color[4];
color[5]=Math.floor(color[2]).toString(16); if(color[5].length==1)color[5]='0'+color[5];
color[6]=Math.floor(color[3]).toString(16); if(color[6].length==1)color[6]='0'+color[6];
document.body.style.scrollbarBaseColor='#'+color[4]+color[5]+color[6];
}
 
window.onload=function(){
if(ie5){
for(i=1, j=1;i<=3; i++, j+=2)data[i]=new colorset(j);
document.body.style.scrollbarBaseColor=begcolor;
setInterval('changecolors()',delay);
}else alert('This script only works for Internet Explorer browsers version 5.5 and up.');
}
</script>
 
</head>
<body>
 
test<hr/>test<hr/>test<hr/>test<hr/>test<hr/>test<hr/>test<hr/>test<hr/>test<hr/>test<hr/>
 
</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