Javascript를 이용하여 구현하였으며, 해당 색상을 마우스로 클릭하면 웹페이지의 배경색이 동적으로 변경됩니다.
스크린샷입니다
해당 Javascript 소스 코드는 다음과 같습니다.
다음과 같이 코드 코드를 복사합니다.
var hex = 새 배열(6)
16진수[0] = "FF"
16진수[1] = "CC"
16진수[2] = "99"
16진수[3] = "66"
16진수[4] = "33"
16진수[5] = "00"
함수 표시(삼중항) {
document.bgColor = '#' + 삼중항
}
함수 drawCell(빨간색, 녹색, 파란색) {
document.write('<TD BGCOLOR="#' + 빨간색 + 녹색 + 파란색 + '">')
document.write('<A HREF="javascript:display(/'' + (빨간색 + 녹색 + 파란색) + '/')">')
document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')
document.write('</A>')
document.write('</TD>')
}
함수 drawRow(빨간색, 파란색) {
document.write('<TR>')
for (var i = 0; i < 6; ++i) {
drawCell(빨간색, hex[i], 파란색)
}
document.write('</TR>')
}
함수 drawTable(파란색) {
document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
for (var i = 0; i < 6; ++i) {
drawRow(hex[i], 파란색)
}
document.write('</TABLE>')
}
함수 drawCube() {
document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')
for (var i = 0; i < 6; ++i) {
document.write('<TD BGCOLOR="#FFFFFF">')
drawTable(16진수[i])
document.write('</TD>')
}
document.write('</TR></TABLE>')
}
드로우큐브()