JS控制层随着鼠标移动而移动。

有一个table,点击该行的“添加”，会新增一行记录。我想做得就是鼠标移动的时候会鼠标跟随。

 

 

function getElementPos(obj){
       /** var left = 0;
       var top = 0;
       if(obj.x){
           left= obj.x;
           top = obj.y;
       }else{
        if(obj.offsetParent){
           while(obj.offsetParent){
              left += obj.offsetLeft;
              top  += obj.offsetTop;
              obj = obj.offsetParent;
           }
         }
       }
        return [left,top];*/
        var itMode =(document.compatMode.toLowerCase()=="css1compat") ? document.documentElement : document.body;
 
  return window.event.srcElement.getBoundingClientRect().top-$("#actTab").attr("offsetHeight")+itMode.scrollTop;
       
       }

 

<table  width="100%" border="0" cellpadding="0" cellspacing="1" class="tab01" id="actTab"> 
  <tr>
    <td><strong>新增</strong></td>
    <td><strong>客户</strong></td>
    <td><strong>活动环节</strong></td>
    <td><strong>活动行为</strong></td>
    <td><strong>记录时间</strong></td>
  </tr>
  <tr>
    <td><input type="button" value="+" οnclick="addLine()"/></td>
    <td width="70" bgcolor="F0EEE1" height="22" nowrap="nowrap" >
      <img style="cursor:pointer; vertical-align:middle;" alt="选择客户"  otitle="日志流程头像" otype="button" src="newsales/images/r11.jpg" width="15" height="16" οnclick="openIcsWin(this);"/>
      <input type="text" class="clientName"  name="clientName" size="10" readonly="readonly"/>
      <input type="hidden" class="id_Icm" name="id_Icm" value="" />
   <input type="hidden" class="id_Sci" name="id_Sci" value="" />
   <input type="hidden" class="id_Client_Name" name="id_Client_Name" value="" />
   <input type="hidden" class="lbs_ClientNo" name="lbs_ClientNo" value="" />
   <input type="hidden" class="client_Type" name="client_Type" value="" />  
 </td>
    <td><input type="text" οnclick="javascript:showDiv(this,event)" class="tacheId" name="tacheId" readonly="readonly" size="10"/>
        <input type="hidden" class="activityCategory" name="activityCategory"/>
    </td>
    <td><input type="text" οnclick="javascript:void(0)" class="actiId" name="actiId" readonly="readonly" size="18"/>
        <input type="hidden" class="activityKeyAction" name="activityKeyAction"/>
    </td>
    <td><input name="recordDate" type="text" class="bk diaryInput" size="10" οnclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'%y-%M-#{%d}',maxDate:'%y-%M-%ld'})" /></td>
  </tr> 
</table>
   <input type="button" οnclick="submitForm()" id="saveBtn"  value="提交"/>
</form>
<div id="chooseOption" style="display:none;position:relative;left: 186px;top:-23px;z-index: 9999;">
    <select id='tache' name="tache" size="2" style="position:absolute;"><option selected="selected" value="0102">接触/约访</option><option value="0103">取得面谈</option></select>
    <select id='acti' name="acti" style="position:relative;left: 130px;" size="4"><option selected='selected' value='010206'>电话约访</option><option value='010207'>递送客服报</option><option value='01020402'>递送生日卡</option><option value='030103'>续收提醒</option></select>
</div>