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

› იაპონა წარღვნის შემდეგ და რადიაციის საფრთხე

ყველამ ვიცით თუ რა სამწუხარო ამბავი მოხდა იაპონიაში. წარღვნამ დიდი ზარალი მოუტანა იაპონელ ხალხს, დაიღუპა მრავალი ხალხი, მრავალიც დაკარგულია.
საიტის სახელით სოლიდარობას უცხადებ იაპონელ ხალხს…
ამჟამად რადიაციის დიდი საშიშროება მოსალოდნელი.
დღევანდელი ვიტარება › › ›

DU