通过选择色板来改变物体(图片)的颜色,用js来做简直是吃饱没事做,主要体现在物体的空间位置难度上,用html做太浪费时间了~~~~~而且永远做不到flash的效果~~~如果只是用来改变页面的界面颜色还说的过去~~<html>
<head>
<title>W3C16色色盘</title>
<style>
table td{
    border:thin solid black;
    cursor :hand;
}
</style>
<script>
window.onload=colorPadInit;
function colorPadInit(){
    window.showColorCell=document.getElementById("showColor");
    window.getColorCell=document.getElementById("getColor");
    var table=document.getElementById("colorPad");
    var cells=table.getElementsByTagName("td");
    for(var i=0;i<cells.length;i++){
        var orz = cells[i];
        if(orz.color){
            orz.style.backgroundColor=orz.color;
            orz.onmouseover=over;
            orz.onclick=choice;
        }
    }
}
function over(){
    showColorCell.style.background=this.color;
}
function choice(){
    getColorCell.style.background=this.color;
}
</script>
</head>
<body>
<table id="colorPad">
<tr>
    <td color="black">&nbsp;</td>
   <td color="White">&nbsp;</td>
   <td color="Red">&nbsp;</td>
   <td color="Yellow">&nbsp;</td>
</tr>
<tr>
    <td color="Lime">&nbsp;</td>
   <td color="Aqua">&nbsp;</td>
   <td color="Blue">&nbsp;</td>
   <td color="Fuchsia">&nbsp;</td>
</tr>
<tr>
    <td color="Gray">&nbsp;</td>
   <td color="Silver">&nbsp;</td>
   <td color="Maroon">&nbsp;</td>
   <td color="Olive">&nbsp;</td>
</tr>
<tr>
    <td color="Green">&nbsp;</td>
   <td color="Teal">&nbsp;</td>
   <td color="Navy">&nbsp;</td>
   <td color="Purple">&nbsp;</td>
</tr>
<tr>
    <td id="showColor">&nbsp;</td>
    <td id="getColor">&nbsp;</td>
</tr>
</table>
</body>
</html>