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

王朝html/css/js·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

<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=null

function 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>

转自:http://www.imting.com/puterjam/blogview.asp?logID=5&cateID=1

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有  導航