JS implementa el selector de color en las páginas web

Autor：Eve Cole Fecha de actualización：2025-08-25 04:00:03

Use el código JS para escribir un selector de color para una página web, es decir, para seleccionar un color, haga clic en cualquier bloque de color con el mouse y el valor de color aparecerá. Cuando desea usar un cierto color pero no conozca el valor de color, usar este pequeño efecto especial puede decirle cuál es el valor de color, lo cual es más conveniente.

<h2> <fead> <title> Color Color Picker </title> <meta http-oquiv = "content-type" content = "text/html; charset = gb2312"> <style type = "text/css"> <!-. style1 {color: #fffffffff}-> </ystye> </h2> <body style = "font: menú"> "1" 1 "1" 1 "1". CellPading = "3" align = "Center" bgcolor = "#dddddddd"> <tr bgcolor = "#fffffff"> <td align = "center"> <select name = "select1" onchange = "selectMenu (this.value)"> <opción Valor = "1" seleccionado> Red </opción> <opción Value = "2" valor = "3"> azul </opción> <opción valor = "4"> gris </pption> </ectele> </td> <td align = "centro"> <table cellPacing = "0" celular = "0"> <tr> <td align = "center" style = "font-size: 12px"> Haga clic en el bloque de color a continuación con el ratón de ratón y el valor de color se populará UP </td> </tr> </table> </tr> <tr bgcolor = "#ffffff"> <td align = "center"> <table id = "table1" celular = "1" cellPadding = "0"> </table> </td> <td align = "center"> <table id = "table2" cellpacing = "1" 1 "" "" "" "" "" "" "" "" "" "1" "" CellPadding = "0"> </table> </tr> </table> </body> </html>

[Ctrl+A Seleccionar todo nota: si necesita introducir JS externo, debe actualizarse para ejecutar]