通过选择色板来改变物体(图片)的颜色,用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"> </td>
<td color="White"> </td>
<td color="Red"> </td>
<td color="Yellow"> </td>
</tr>
<tr>
<td color="Lime"> </td>
<td color="Aqua"> </td>
<td color="Blue"> </td>
<td color="Fuchsia"> </td>
</tr>
<tr>
<td color="Gray"> </td>
<td color="Silver"> </td>
<td color="Maroon"> </td>
<td color="Olive"> </td>
</tr>
<tr>
<td color="Green"> </td>
<td color="Teal"> </td>
<td color="Navy"> </td>
<td color="Purple"> </td>
</tr>
<tr>
<td id="showColor"> </td>
<td id="getColor"> </td>
</tr>
</table>
</body>
</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"> </td>
<td color="White"> </td>
<td color="Red"> </td>
<td color="Yellow"> </td>
</tr>
<tr>
<td color="Lime"> </td>
<td color="Aqua"> </td>
<td color="Blue"> </td>
<td color="Fuchsia"> </td>
</tr>
<tr>
<td color="Gray"> </td>
<td color="Silver"> </td>
<td color="Maroon"> </td>
<td color="Olive"> </td>
</tr>
<tr>
<td color="Green"> </td>
<td color="Teal"> </td>
<td color="Navy"> </td>
<td color="Purple"> </td>
</tr>
<tr>
<td id="showColor"> </td>
<td id="getColor"> </td>
</tr>
</table>
</body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货