Code 표시 중간에서 프로그램이 수행되고, 끝나면 나머지 부분이 표현 됨.
색상 초기값과 변경 단계를 변수로 주면,
각 단계의 수치를 16진수로 환산하여, RGB로 색상을 표현 함.
아래 파랑색 부분은 프로그램 부분이 아니고,
프로그램 수행 중 참고하기 위한 RGB 수치 임.
<head>
..
<script language="javascript">
hexa=new makearray(16);
for(var i=0; i < 10; i++)
hexa[i]=i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; // 한개의 16진수 생성...9abcdef
var x=-1;
function hex(i) { // 한 단위 16진수 생성
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return ""+hexa[Math.floor(i/16)]+hexa[i%16];
}
function makearray(n) { //배열번수 초기화
this.length=n;
for(var i=1; i <=n; i++)
this[i]=0;
return this;
}
function setbgcolor(r, g, b) {
var hr=hex(r); var hg=hex(g); var hb=hex(b);
document.bgColor="#"+hr+hg+hb; // 세개의 16진수 결합하여 RGB 색상 형성
if (x==8){x=0; document.write('<BR>'); }
else {x++;};
document.write('#',hr, hg, hb,', ')
setTimeout("setbgcolor(r, g, b)",5000);
}
function fade(sr, sg, sb, er, eg, eb, step){
// sr[step of red] sg[step of green] sb[step of blue]
for(var i=0; i <=step; i++) {
setbgcolor( // er eg er 각 색상 변경 단계
Math.floor(sr*((step-i)/step)+er*(i/step)),
Math.floor(sg*((step-i)/step)+eg*(i/step)),
Math.floor(sb*((step-i)/step)+eb*(i/step))
);
}
}
function fadein() {
fade(0,255, 0,255, 255,0, 16);
fade(0,255, 0,255, 0,255, 16);
fade(0,0, 255,255, 255,0, 16);
}
// 감춤 끝 -->
</script>
</head>
<body>
<a name="top"></a>
<center>
<h1><img src="../../gif/ictrio.gif" alt="trio"> 배경 색상 변경 프로그램 예제</h1>
<table width=95% border=1 cellpadding=4 cellspacing=4 bgcolor="ffffff"><tr><td>
<img src=../gif/rfbtexm2.gif><br><br>
<div class=brown>
code 표시 중간에서 프로그램이 수행되고, 끝나면 나머지 부분이 표현 됨.<br>
색상 초기값과 변경 단계를 변수로 주면,
각 단계의 수치를 16진수로 환산하여, rgb로 색상을 표현 함.<br>
</div>
<hr size=1 width=50% color=silver>
아래 파랑색 부분은 프로그램 부분이 아니고,
프로그램 수행 중 참고하기 위한 rgb 수치 임.<br>
<div class=indent><span class=blue>
<script language="javascript">fadein()</script>
</span></div>
</td></tr></table>
<body">
 중요 사항
- 일반 수치를 16진수로 변환
- Math.floor
- array
- this.length
- return this
|
제공