请问怎么判断鼠标是否移动到了表格边框上?

<table width="100%" border="1" cellspacing="10" id="table2">
        <tr>
          <td width="34%" height="30"> </td>
          <td width="43%"> </td>
          <td width="23%"> </td>
        </tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
function document.onmouseover()
{
  var e = window.event.toElement;
  window.status = e.tagName;      //看看你的状态栏 td -> table
}
</SCRIPT>

解决方案 »

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

<table width="100%" border="1" cellspacing="10" id="table2" onmousemove="overBorder();">
        <tr>
          <td width="34%" height="30"> </td>
          <td width="43%"> </td>
          <td width="23%"> </td>
        </tr>
</table>
<script>
function overBorder(){
if(event.srcElement.tagName=="TABLE")
table2.style.cursor='hand'
else
table2.style.cursor='default';
}
</script>
呵呵..要区别啊...把下面的代码拷贝走..你试一下..区别好大!!<table width="100%" border="1" onMouseMove="this.border=10" onMouseOut="this.border=1" cellpadding="0" cellspacing="1" bordercolor="#000000">
  <tr>
    <td height="30"> </td>
    <td height="30"> </td>
    <td height="30"> </td>
  </tr>
  <tr>
    <td height="30"> </td>
    <td height="30"> </td>
    <td height="30"> </td>
  </tr>
  <tr>
    <td height="30"> </td>
    <td height="30"> </td>
    <td height="30"> </td>
  </tr>
</table>
<html>
<head>
<title>Untitled Document</title>
<link  href="portal/common/blue/body.css"  rel="stylesheet" type="text/css" >
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript" type="text/JavaScript">
</script>
</head>
<SCRIPT LANGUAGE="Javascript">
var Oldrow=new Array();var Oldcol=new Array();var Oldrow_copy_start=new Array();var Oldcol_copy_start=new Array();
var Oldrow_copy_end=new Array();var Oldcol_copy_end=new Array();var Newrow=new Array();var Newcol=new Array();
var Delflag=new Array();var DeleteCellsRow=new Array();var DeleteCellsCol=new Array();var deleteCells_ArrayCount=0;
var rowstart;var colstart;var rowend;var colend;var tableStream; var recRow;  var recCol;  var startid;
var endid;var eventflag;var tableLength;var minrow;var mincol;var maxrow;var maxcol;var tempstartid;var tempendid;
var GREEN="#BDC0D9";var WHITE="#ffffff";var BLACK="#000000";var mouseDown=0;
function init()
{
    rowstart=0; colstart=0; rowend=0; colend=0; talbeLength=0; startid=0; endid=0; tableInit();

}
function tableInit()
{
    var count=0;
recRow=document.getElementById("gameBoard").rows.length;
    for (i=0; i < document.getElementById("gameBoard").rows.length; i++)
    {
   recCol=document.getElementById("gameBoard").rows[i].cells.length;
       for (j=0; j < document.getElementById("gameBoard").rows[i].cells.length; j++)
       {
           Delflag[count]=0;
           Oldrow_copy_start[count]=i;
           Oldcol_copy_start[count]=j;
           Oldrow_copy_end[count]=i;
           Oldcol_copy_end[count]=j;
   Oldrow[count]=i;
           Oldcol[count]=j;
           document.getElementById("gameBoard").rows[i].cells[j].rowSpan=1;
   document.getElementById("gameBoard").rows[i].cells[j].colSpan=1;
           document.getElementById("gameBoard").rows[i].cells[j].id=count;
           count++;
     }
   }
   tableLength=count-1;numberCells();
}function numberCells()
{
var count=0;
for (i=0; i < document.getElementById("gameBoard").rows.length; i++)
{
for (j=0; j < document.getElementById("gameBoard").rows[i].cells.length; j++)
{
   Newrow[document.getElementById("gameBoard").rows[i].cells[j].id]=i;
   Newcol[document.getElementById("gameBoard").rows[i].cells[j].id]=j;
   document.getElementById("gameBoard").rows[i].cells[j].width=document.getElementById("gameBoard").rows[i].cells[j].colSpan*40;
   document.getElementById("gameBoard").rows[i].cells[j].height=document.getElementById("gameBoard").rows[i].cells[j].rowSpan*40;
   giveColor(document.getElementById("gameBoard").rows[i].cells[j].id,WHITE);
   count++;
}
}
}function giveOtherColor()
{
   adjust();
   for(i=tableLength;i>=0;i--)
   {
      if( (Oldrow[i]>=Oldrow[tempstartid]&&Oldrow[i]<=Oldrow[tempendid]) && (Oldcol[i]>=Oldcol[tempstartid]&&Oldcol[i]<=Oldcol[tempendid]))
  {
         if(Delflag[i]==0)
     {
    giveColor(i,GREEN);
     }
  }
  else
  {
     if(Delflag[i]==0&&i!=tempstartid)
    giveColor(i,WHITE);
  }
   }
}function giveColor(paraId,color)
{
       document.getElementById("gameBoard").rows[Newrow[paraId]].cells[Newcol[paraId]].bgColor=color;

}function overColor(paraId)
{
   if(mouseDown==1)
  {
     giveColor(paraId,GREEN);
endid=paraId;
giveOtherColor();
  }
}function downColor(paraId)
{
   numberCells();
   mouseDown=1;
   startid=paraId;
   giveColor(paraId,GREEN);}function upEvent(paraId)
{
    mouseDown=0;
    endid=paraId;
   giveOtherColor();
}function adjust()
{
   minrow=Math.min(Oldrow[startid],Oldrow[endid]);
   mincol=Math.min(Oldcol[startid],Oldcol[endid]);
   maxrow=Math.max(Oldrow_copy_end[startid],Oldrow_copy_end[endid]);
   maxcol=Math.max(Oldcol_copy_end[startid],Oldcol_copy_end[endid]);
   for(i=tableLength;i>=0;i--)
   {
      if(Oldrow[i]==minrow&&Oldcol[i]==mincol)
     tempstartid=i;
  if(Oldrow[i]==maxrow&&Oldcol[i]==maxcol)
     tempendid=i;
   }
}</script>
<body onload="init()">
            <table width=200 height=200 align="center" border=1 cellpadding="0" cellspacing="0"  id="gameBoard" onselectstart="return false">
              <tr>
                <td width="40" height="40" id=0 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id=1 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id="2" onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id=1 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id="2" onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
              </tr>
              <tr>
                <td width="40" height="40" id=5 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id=6 onMouseDown="downColor(id)" onMouseUp="upEvent(id)" onMouseOver="overColor(id)"> </td>
                <td width="40" height="40" id=7 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id=1 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id="2" onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
              </tr>
              <tr>
                <td width="40" height="40" id=10 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id=11 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id=12 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id=1 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id="2" onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
              </tr>
              <tr>
                <td width="40" height="40" id=5 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id=6 onMouseDown="downColor(id)" onMouseUp="upEvent(id)" onMouseOver="overColor(id)"> </td>
                <td width="40" height="40" id=7 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id=1 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="40" height="40" id="2" onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
              </tr>
              <tr>
                <td width="40" height="40" id=10 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="49" height="40" id=11 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="53" height="40" id=12 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="55" height="40" id=1 onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
                <td width="49" height="40" id="2" onMouseOver="overColor(id)" onMouseDown="downColor(id)" onMouseUp="upEvent(id)"> </td>
              </tr>
            </table>
</body>
</html>