如何利用鼠标左键点击事件取得表格中被点击单元格的背景颜色？

http://expert.csdn.net/Expert/topic/2283/2283317.xml?temp=.8160974

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

大家好，这个问题已经解决
<HTML>
<HEAD>
<TITLE>颜色选取器</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE type=text/css>TD {
FONT-SIZE: 10.8pt
}
BODY {
FONT-SIZE: 10.8pt
}
BUTTON {
WIDTH: 5em
}
</STYLE>
<SCRIPT language=JavaScript>
var SelRGB = '';
var DrRGB = '';
var SelGRAY = '120'; var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'); function ToHex(n)
{ var h, l; n = Math.round(n);
l = n % 16;
h = Math.floor((n / 16)) % 16;
return (hexch[h] + hexch[l]);
} function DoColor(c, l)
{ var r, g, b;  r = '0x' + c.substring(1, 3);
g = '0x' + c.substring(3, 5);
b = '0x' + c.substring(5, 7);  if(l > 120)
{
  l = l - 120;   r = (r * (120 - l) + 255 * l) / 120;
  g = (g * (120 - l) + 255 * l) / 120;
  b = (b * (120 - l) + 255 * l) / 120;
}else
{
  r = (r * l) / 120;
  g = (g * l) / 120;
  b = (b * l) / 120;
}  return '#' + ToHex(r) + ToHex(g) + ToHex(b);
} function EndColor()
{ var i;  if(DrRGB != SelRGB)
{
  DrRGB = SelRGB;
  for(i = 0; i <= 30; i ++)
   GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8);
}  SelColor.value = DoColor(RGB.innerText, GRAY.innerText);
ShowColor.bgColor = SelColor.value;
}
</SCRIPT> <SCRIPT event=onclick for=ColorTable language=JavaScript>
SelRGB = event.srcElement.bgColor;
EndColor();
</SCRIPT> <SCRIPT event=onmouseover for=ColorTable language=JavaScript>
RGB.innerText = event.srcElement.bgColor;
EndColor();
</SCRIPT> <SCRIPT event=onmouseout for=ColorTable language=JavaScript>
RGB.innerText = SelRGB;
EndColor();
</SCRIPT> <SCRIPT event=onclick for=GrayTable language=JavaScript>
SelGRAY = event.srcElement.title;
EndColor();
</SCRIPT> <SCRIPT event=onmouseover for=GrayTable language=JavaScript>
GRAY.innerText = event.srcElement.title;
EndColor();
</SCRIPT> <SCRIPT event=onmouseout for=GrayTable language=JavaScript>
GRAY.innerText = SelGRAY;
EndColor();
</SCRIPT> <SCRIPT event=onclick for=Ok language=JavaScript>
window.returnValue = SelColor.value;
window.close();
</SCRIPT> <META content="MSHTML 5.00.2920.0" name=GENERATOR></HEAD>
<body ><font style="font-size:12pt" color=green>  </font>
<table width="185" height="160" border="0" align="center" cellPadding=0 cellspacing=0 id=ColorTable style="CURSOR: hand">
  <tr>
    <td width="47" height="34" bgcolor="yellow">  </td>
    <td width="47" height="34" bgcolor="green"> <div align="center"></div></td>
    <td width="47" height="34" bgcolor="lime"> <div align="center"></div></td>
    <td width="47" height="34" bgcolor="aqua"> <div align="center"></div></td>
  </tr>
  <tr>
    <td width="47" height="34" bgcolor="silver"> <div align="center"></div></td>
    <td width="47" height="34" bgcolor="fuchsia"> <div align="center"></div></td>
    <td width="47" height="34" bgcolor="olive"> <div align="center"></div></td>
    <td width="47" height="34" bgcolor="teal"> <div align="center"></div></td>
  </tr>
  <tr>
    <td width="47" height="34" bgcolor="gray"> <div align="center"></div></td>
    <td width="47" height="34" bgcolor="red"> <div align="center"></div></td>
    <td width="47" height="34" bgcolor="white"> <div align="center"></div></td>
    <td bgcolor="blue"> <div align="center"></div></td>
  </tr>
  <tr>
    <td width="47" height="34" bgcolor="black"> <div align="center"></div></td>
    <td width="47" height="34" bgcolor="maroon"> <div align="center"></div></td>
    <td width="47" height="34" bgcolor="purple"> <div align="center"></div></td>
    <td bgcolor="navy"> <div align="center"></div></td>
  </tr>
</table>
<TABLE width="185" border=0 align="center" cellPadding=0 cellSpacing=0>
  <TBODY>
    <TR>
      <TD width="65" rowSpan=2 align=middle><div align="center"><font color="#0000FF">选中色彩</font>
        </div>
        <TABLE
   width=40 height=30 border=1 align="center" cellPadding=0 cellSpacing=0 id=ShowColor>
          <TBODY>
            <TR>
              <TD></TD>
            </TR>
          </TBODY>
        </TABLE></TD>
      <TD width="120" rowSpan=2><div align="left"><font color="#0000FF">基色: <SPAN id=RGB></SPAN><BR>
          <font color="#0000FF">亮度: <SPAN id=GRAY>120</SPAN></font><BR>
          <font color="#0000FF">代码:</font>
          <INPUT name="Input" id=SelColor size=7 >
        </div></TD>
    </TR>
    <TR> </TR>
  </TBODY>
</TABLE>
<p> </p>
</body>
</html>