JS 网页安全色调色板 DW风格

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2311"> 
<title>DW调色板</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Avar%20ColorHex%3Dnew%20Array('00'%2C'33'%2C'66'%2C'99'%2C'CC'%2C'FF')%20%0D%0Avar%20SpColorHex%3Dnew%20Array('FF0000'%2C'00FF00'%2C'0000FF'%2C'FFFF00'%2C'00FFFF'%2C'FF00FF')%20%0D%0Avar%20current%3Dnull%20%0D%0A%0D%0Afunction%20intocolor()%20%0D%0A%7B%20%0D%0Avar%20colorTable%3D''%20%0D%0Afor%20(i%3D0%3Bi%3C2%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0Afor%20(j%3D0%3Bj%3C6%3Bj%2B%2B)%20%0D%0A%7B%20%0D%0AcolorTable%3DcolorTable%2B'%3Ctr%20height%3D12%3E'%20%0D%0AcolorTable%3DcolorTable%2B'%3Ctd%20width%3D11%20style%3D%22background-color%3A%23000000%22%3E'%20%0D%0A%0D%0Aif%20(i%3D%3D0)%7B%20%0D%0AcolorTable%3DcolorTable%2B'%3Ctd%20width%3D11%20style%3D%22background-color%3A%23'%2BColorHex%5Bj%5D%2BColorHex%5Bj%5D%2BColorHex%5Bj%5D%2B'%22%3E'%7D%20%0D%0Aelse%7B%20%0D%0AcolorTable%3DcolorTable%2B'%3Ctd%20width%3D11%20style%3D%22background-color%3A%23'%2BSpColorHex%5Bj%5D%2B'%22%3E'%7D%20%0D%0A%0D%0A%0D%0AcolorTable%3DcolorTable%2B'%3Ctd%20width%3D11%20style%3D%22background-color%3A%23000000%22%3E'%20%0D%0Afor%20(k%3D0%3Bk%3C3%3Bk%2B%2B)%20%0D%0A%7B%20%0D%0Afor%20(l%3D0%3Bl%3C6%3Bl%2B%2B)%20%0D%0A%7B%20%0D%0AcolorTable%3DcolorTable%2B'%3Ctd%20width%3D11%20style%3D%22background-color%3A%23'%2BColorHex%5Bk%2Bi*3%5D%2BColorHex%5Bl%5D%2BColorHex%5Bj%5D%2B'%22%3E'%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0AcolorTable%3D'%3Ctable%20width%3D253%20border%3D%220%22%20cellspacing%3D%220%22%20cellpadding%3D%220%22%20style%3D%22border%3A1px%20%23000000%20solid%3Bborder-bottom%3Anone%3Bborder-collapse%3A%20collapse%22%20bordercolor%3D%22000000%22%3E'%20%0D%0A%2B'%3Ctr%20height%3D30%3E%3Ctd%20colspan%3D21%20bgcolor%3D%23cccccc%3E'%20%0D%0A%2B'%3Ctable%20cellpadding%3D%220%22%20cellspacing%3D%221%22%20border%3D%220%22%20style%3D%22border-collapse%3A%20collapse%22%3E'%20%0D%0A%2B'%3Ctr%3E%3Ctd%20width%3D%223%22%3E%3Ctd%3E%3Cinput%20type%3D%22text%22%20name%3D%22DisColor%22%20size%3D%226%22%20disabled%20style%3D%22border%3Asolid%201px%20%23000000%3Bbackground-color%3A%23ffff00%22%3E%3C%2Ftd%3E'%20%0D%0A%2B'%3Ctd%20width%3D%223%22%3E%3Ctd%3E%3Cinput%20type%3D%22text%22%20name%3D%22HexColor%22%20size%3D%227%22%20style%3D%22border%3Ainset%201px%3Bfont-family%3AArial%3B%22%20value%3D%22%23000000%22%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E%3C%2Ftd%3E%3C%2Ftable%3E'%20%0D%0A%2B'%3Ctable%20border%3D%221%22%20cellspacing%3D%220%22%20cellpadding%3D%220%22%20style%3D%22border-collapse%3A%20collapse%22%20bordercolor%3D%22000000%22%20onmouseover%3D%22doOver()%22%20onmouseout%3D%22doOut()%22%20onclick%3D%22doclick()%22%20style%3D%22cursor%3Ahand%3B%22%3E'%20%0D%0A%2BcolorTable%2B'%3C%2Ftable%3E'%3B%20%0D%0Acolorpanel.innerHTML%3DcolorTable%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20doOver()%20%7B%20%0D%0Aif%20((event.srcElement.tagName%3D%3D%22TD%22)%20%26%26%20(current!%3Devent.srcElement))%20%7B%20%0D%0Aif%20(current!%3Dnull)%7Bcurrent.style.backgroundColor%20%3D%20current._background%7D%20%0D%0Aevent.srcElement._background%20%3D%20event.srcElement.style.backgroundColor%20%0D%0ADisColor.style.backgroundColor%20%3D%20event.srcElement.style.backgroundColor%20%0D%0AHexColor.value%20%3D%20event.srcElement.style.backgroundColor%20%0D%0Aevent.srcElement.style.backgroundColor%20%3D%20%22white%22%20%0D%0Acurrent%20%3D%20event.srcElement%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20doOut()%20%7B%20%0D%0A%0D%0Aif%20(current!%3Dnull)%20current.style.backgroundColor%20%3D%20current._background%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20doclick()%7B%20%0D%0Aif%20(event.srcElement.tagName%3D%3D%22TD%22)%7B%20%0D%0Aalert(%22%E9%80%89%E5%8F%96%E9%A2%9C%E8%89%B2%3A%20%22%2Bevent.srcElement._background)%20%0D%0Areturn%20event.srcElement._background%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</head>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程