<html>
<head>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<script language="javascript">
<!--
var begcolor='#FFFFFF';
var endcolor='#529CFF';
var steps=30;
var delay=35;
if(document.all && document.getElementById){
document.body.style.scrollbarBaseColor=begcolor;
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];
}
var data=new Array();
for(i=1, j=1;i<=3; i++, j+=2)data[i]=new colorset(j);
window.onload=function(){ setInterval('changecolors()',delay) }
}
//-->
</script>
<br> <table align="center" border="1" cellspacing="0" width="444" bordercolordark="white" bordercolorlight="black" background="script/imge/suk.gif">
<tr>
<td width="438">
<ul>
<p><span style="font-size:9pt;"><br><br>스크롭바의 색이 시간에 따라 주기적으로
바뀝니다. </span></p>
<p><span style="font-size:9pt;">인터넷익스플로러 5.5 이상 버전에만 적용됩니다.</span></p>
<p><span style="font-size:9pt;">#FFFFFF 와 #529CFF 이 두 가지 색을
기본으로 스크롤바 색이 변합니다.</span></p>
<p><span style="font-size:9pt;">30은 색 변환 속도 ( 클수록 늦어집니다
)</span></p>
<p><span style="font-size:9pt;">35는 색 변환 중 일시 멈춤 시간 (
클수록 오랫동안 멈춥니다. )</span></p>
<p> </p>
</ul>
</td>
</tr>
</table>
</body>
</html>
'Javascript' 카테고리의 다른 글
| 스크롤되는 이미지에 링크걸기 (0) | 2016.06.01 |
|---|---|
| 마우스 오버때 음악 나오게 하기 (0) | 2016.06.01 |
| 춤추는 글자 (0) | 2016.06.01 |
| 타이핑 효과3 (0) | 2016.06.01 |
| 요일마다 바뀌는 배경색 (0) | 2016.06.01 |