Implementado usando Javascript, clique na cor correspondente com o mouse para alterar dinamicamente a cor de fundo da página web
Esta é uma captura de tela
O código-fonte Javascript correspondente é:
Copie o código do código da seguinte forma:
var hex = novo Array(6)
hexadecimal[0] = "FF"
hexadecimal[1] = "CC"
hexadecimal[2] = "99"
hexadecimal[3] = "66"
hexadecimal[4] = "33"
hexadecimal[5] = "00"
exibição de função (tripleto) {
document.bgColor = '#' + trio
}
function drawCell(vermelho, verde, azul) {
document.write('<TD BGCOLOR="#' + vermelho + verde + azul + '">')
document.write('<A HREF="javascript:display(/'' + (vermelho + verde + azul) + '/')">')
document.write('<IMG SRC="place.gif" BORDER=0 ALTURA=12 LARGURA=12>')
documento.write('</A>')
documento.write('</TD>')
}
function drawRow(vermelho, azul) {
documento.write('<TR>')
for (var i = 0; i < 6; ++i) {
drawCell(vermelho, hexadecimal[i], azul)
}
documento.write('</TR>')
}
function drawTable(azul) {
document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
for (var i = 0; i < 6; ++i) {
drawRow(hexadecimal[i], azul)
}
documento.write('</TABLE>')
}
function desenharCubo() {
document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')
for (var i = 0; i < 6; ++i) {
document.write('<TD BGCOLOR="#FFFFFF">')
desenharTabela(hexadecimal[i])
documento.write('</TD>')
}
documento.write('</TR></TABLE>')
}
desenharCubo()