时间: 2021-07-31 作者:daque
运用js做的一个网页安定色彩色板 蓄意大师用得上!
运转代码框<html><head><meta http-equiv="content-type" content="text/html; charset=gb2311"><title>dw绘图板</title><script>var colorhex=new array('00','33','66','99','cc','ff')var spcolorhex=new array('ff0000','00ff00','0000ff','ffff00','00ffff','ff00ff')var current=nullfunction intocolor(){var colortable=''for (i=0;i<2;i++) { for (j=0;j<6;j++) { colortable=colortable+'<tr height=12>' colortable=colortable+'<td width=11 style="background-color:#000000">' if (i==0){ colortable=colortable+'<td width=11 style="background-color:#'+colorhex[j]+colorhex[j]+colorhex[j]+'">'} else{ colortable=colortable+'<td width=11 style="background-color:#'+spcolorhex[j]+'">'} colortable=colortable+'<td width=11 style="background-color:#000000">' for (k=0;k<3;k++) { for (l=0;l<6;l++) { colortable=colortable+'<td width=11 style="background-color:#'+colorhex[k+i*3]+colorhex[l]+colorhex[j]+'">' } } }}colortable='<table width=253 border="0" cellspacing="0" cellpadding="0" style="border:1px #000000 solid;border-bottom:none;border-collapse: collapse" bordercolor="000000">' +'<tr height=30><td colspan=21 bgcolor=#cccccc>' +'<table cellpadding="0" cellspacing="1" border="0" style="border-collapse: collapse">' +'<tr><td width="3"><td><input type="text" name="discolor" size="6" disabled style="border:solid 1px #000000;background-color:#ffff00"></td>' +'<td width="3"><td><input type="text" name="hexcolor" size="7" style="border:inset 1px;font-family:arial;" value="#000000"></td></tr></table></td></table>' +'<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="000000" onmouseover="doover()" onmouseout="doout()" onclick="doclick()" style="cursor:hand;">' +colortable+'</table>'; colorpanel.innerhtml=colortable}function doover() { if ((event.srcelement.tagname=="td") && (current!=event.srcelement)) { if (current!=null){current.style.backgroundcolor = current._background} event.srcelement._background = event.srcelement.style.backgroundcolor discolor.style.backgroundcolor = event.srcelement.style.backgroundcolor hexcolor.value = event.srcelement.style.backgroundcolor event.srcelement.style.backgroundcolor = "white" current = event.srcelement }}function doout() { if (current!=null) current.style.backgroundcolor = current._background}function doclick(){if (event.srcelement.tagname=="td"){alert("采用脸色: "+event.srcelement._background)return event.srcelement._background}}</script></head><body onload="intocolor()"><div id="colorpanel" style="position: absolute;"> </div></body></html>