Implementado mediante Javascript, haga clic en el color correspondiente con el mouse para cambiar dinámicamente el color de fondo de la página web.
Esta es una captura de pantalla
El código fuente de Javascript correspondiente es:
Copie el código de código de la siguiente manera:
var hexadecimal = nueva matriz (6)
hexadecimal[0] = "FF"
hexadecimal[1] = "CC"
hexadecimal[2] = "99"
hexadecimal[3] = "66"
hexadecimal[4] = "33"
hexadecimal[5] = "00"
visualización de función (triplete) {
document.bgColor = '#' + triplete
}
función dibujarCelda(rojo, verde, azul) {
document.write('<TD BGCOLOR="#' + rojo + verde + azul + '">')
document.write('<A HREF="javascript:display(/'' + (rojo + verde + azul) + '/')">')
document.write('<IMG SRC="lugar.gif" BORDE=0 ALTURA=12 ANCHO=12>')
documento.write('</A>')
documento.write('</TD>')
}
función dibujarFila(rojo, azul) {
documento.write('<TR>')
para (var i = 0; i < 6; ++i) {
drawCell(rojo, hexadecimal[i], azul)
}
documento.write('</TR>')
}
función dibujarTabla (azul) {
document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
para (var i = 0; i < 6; ++i) {
dibujarFila(hexadecimal[i], azul)
}
documento.write('</TABLE>')
}
función dibujarCubo() {
document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')
para (var i = 0; i < 6; ++i) {
documento.write('<TD BGCOLOR="#FFFFFF">')
dibujarTabla(hexadecimal[i])
documento.write('</TD>')
}
documento.write('</TR></TABLE>')
}
dibujarCubo()