스크로바 색상에 애니메이션 만들기
<!---------- 스크롤바 색상 에니메이션 스크립트 소스 여기서부터 -------->
<body>
<script language="javascript">
<!--
var color1='#006633'; // 스크롤바에 처음 나타나는 색
var color2='#FFFF99'; // 스크롤바에 두번째 나타나는 색
var steps=30; //색 변환 속도 ( 클수록 늦어짐)
var delay=20; //색 변환 중 일시 멈춤 시간 ( 클수록 오랫동안 멈춤 )
if(document.all && document.getElementById){
document.body.style.scrollbarBaseColor=color1;
function colorset(num){
this.beg=parseInt('0x'+color1.substring(num,num+2));
this.end=parseInt('0x'+color2.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 aniColor(){
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('aniColor()',delay) }
}
//-->
</script>
</body>
<!---------- 스크롤바 색상 에니메이션 스크립트 소스 여기까지 -------->
<body>
<script language="javascript">
<!--
var color1='#006633'; // 스크롤바에 처음 나타나는 색
var color2='#FFFF99'; // 스크롤바에 두번째 나타나는 색
var steps=30; //색 변환 속도 ( 클수록 늦어짐)
var delay=20; //색 변환 중 일시 멈춤 시간 ( 클수록 오랫동안 멈춤 )
if(document.all && document.getElementById){
document.body.style.scrollbarBaseColor=color1;
function colorset(num){
this.beg=parseInt('0x'+color1.substring(num,num+2));
this.end=parseInt('0x'+color2.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 aniColor(){
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('aniColor()',delay) }
}
//-->
</script>
</body>
<!---------- 스크롤바 색상 에니메이션 스크립트 소스 여기까지 -------->
신고
"님의 댓글"
이 댓글을 신고하시겠습니까?
