<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
</head>JK 2008-01-25 
简易版取色板.
<hr/>
说明:<br/>
只演示色板的算法,没有实现取色特效<br/><hr/>
IE/Firefox下,二者所花的时间.<br/>
把display:nnnnone改成display:none后再比较,差别又有些变化<br/>
<br><div onclick="clickColorPannelFun(event.srcElement||event.target)" style="display:nnnnnone">
色板1
<script>function getColorPannelHtml(){
var rgb=["00","33","66","99","CC","FF"];
var aColors="000000,333333,666666,999999,CCCCCC,FFFFFF,FF0000,00FF00,0000FF,00FFFF,FF00FF,FFFF00".split(",");
var colorHtml=['<table cellSpacing=1 border=0 style="font-size:1px;background-color:gray;width:240px;table-layout:fixed;">'];
for(var i=0;i<12;i++){
colorHtml.push('<tr style="height:11px;"><td style="background-color:#'+aColors[i]+'" title="'+aColors[i]+'"></td><td style="background-color:black"></td>');
for(var j=0;j<18;j++){
var c=rgb[(i-i%6)/2+(j-j%6)/6]+rgb[i%6]+rgb[j%6];
colorHtml.push('<td style="background-color:#'+c+'" title="#'+c+'"></td>');
}
colorHtml.push('</tr>');
  }
colorHtml.push('</table>');
return(colorHtml.join(''));
}var d0=new Date();
document.write(getColorPannelHtml());
var d1=new Date();
window.setTimeout('alert("组成HTML时间"+(d1-d0));',0);
</script>
<br/>
色板2
<script>function getColorPannelHtml(){
var rgb=["00","33","66","99","CC","FF"];
var aColors="000000,333333,666666,999999,CCCCCC,FFFFFF,FF0000,00FF00,0000FF,00FFFF,FF00FF,FFFF00".split(",");
var colorHtml=['<table cellSpacing=1 border=0 style="font-size:1px;background-color:gray;width:240px;table-layout:fixed;">'];
for(var i=0;i<12;i++){
colorHtml.push('<tr style="height:11px;"><td style="background-color:#'+aColors[i]+'" title="'+aColors[i]+'"></td><td style="background-color:black"></td>');
for(var j=0;j<18;j++){
var c=rgb[(i-i%6)/6+(j-j%6)/3]+rgb[i%6]+rgb[j%6];
colorHtml.push('<td style="background-color:#'+c+'" title="#'+c+'"></td>');
}
colorHtml.push('</tr>');
  }
colorHtml.push('</table>');
return(colorHtml.join(''));
}
document.write(getColorPannelHtml());</script>
</div><script>
function clickColorPannelFun(obj){
if(obj.tagName=="TD" && obj.title) alert(obj.title);;
}</script>