帮忙修改下类似QQ的点击发送菜单

<HTML><HEAD><TITLE>无标题文档</TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><META HTTP-EQUIV="Content-Language" CONTENT="zh-cn">
<style type="text/css">BODY, TD { FONT-SIZE:9pt; FONT-FAMILY:"宋体"; TEXT-DECORATION: none;}</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function OnCQQ(e,uid){
   var t=e.offsetTop;
   var l=e.offsetLeft;
   while(e=e.offsetParent){
      t+=e.offsetTop;
      l+=e.offsetLeft;
   }
   document.getElementById("CQQ_DIV").style.left=event.x;
   document.getElementById("CQQ_DIV").style.top=event.y;
}
function QutCQQ(){
if(event.toElement.tagName != "TABLE"){
document.getElementById("CQQ_DIV").style.left=-100;
document.getElementById("CQQ_DIV").style.top=0;
}
}
function hide(){
if(event.toElement.id == "listBody"){
document.getElementById("CQQ_DIV").style.left=-100;
document.getElementById("CQQ_DIV").style.top=0;
}
}
//-->
</script></HEAD><BODY text="#000000" leftmargin="6" topmargin="6">
<div id="CQQ_DIV" style="position:absolute; width:60px; height:36px; z-index:1; left:-100px; top:0px;" onMouseOut="hide()">
<table width="60" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000" class="TABLE_TBLR_SB">
<tr><td height="18" align="center" bgcolor="#FFFFFF" onMouseOver="this.style.backgroundColor='#cc0000'" onMouseOut="this.style.backgroundColor='#ffffff'">发送消息</td>
</tr>
<tr><td height="18" align="center" bgcolor="#FFFFFF" onMouseOver="this.style.backgroundColor='#cc0000'" onMouseOut="this.style.backgroundColor='#ffffff'">传送文件</td>
</tr>
</table>
</div>
<table width="173" height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#333333">
  <tr valign="top"> 
    <td width="173" colspan="4" bgcolor="#FFFFFF" style="padding-top:12px;"><table width="145" height="98%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#666666" class="TABLE_TBLR_SB">
        <tr bgcolor="#FFFFFF" style="HEIGHT:25px;BACKGROUND-IMAGE: url(../images/THE_TOP_BG_2.gif);" height="4"> 
          <td align="center" style="BORDER-BOTTOM: #7D7D7D 1px solid;text-align:center;width:40px;">部门:</td>
          <td align="center" style="BORDER-BOTTOM: #7D7D7D 1px solid;"><select name="select" style="width:100px;BORDER: #000000 1px solid;">
            <option value="1" selected>全部</option>
            <option value="2">办公室</option>
            <option value="3">工程部</option>
            <option value="4">技术部</option>
          </select></td>
        </tr>
        <tr bgcolor="#FFFFFF"> 
          <td id=listBody colspan="2" valign="top" style="padding-top:8px;padding-left:24px;line-height:180%;">
  <span onclick="OnCQQ(this,'12');" onMouseOut="QutCQQ();" title="姓名：刘建民 &#13;部门：软件部 &#13;当前位置：事务交办 &#13;在线情况：在线"><img src="../images/REN.gif" width="16" height="16">张三东</span><br>
  <span onclick="OnCQQ(this,'12');" onMouseOut="QutCQQ();" title="姓名：任司机 &#13;部门：软件部 &#13;最后位置：待办事宜 &#13;在线情况：离线" CLASS="SYS_CQQ"><img src="../images/REN.gif" width="16" height="16">李四</span><br>
  <span onclick="OnCQQ(this,'12');" onMouseOut="QutCQQ();" title="姓名：任司机 &#13;部门：软件部 &#13;最后位置：待办事宜 &#13;在线情况：离线" CLASS="SYS_CQQ"><img src="../images/REN.gif" width="16" height="16">任司</span>机<br>
  </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr height="6"> 
    <td height="6"></td>
  </tr>
</table>
</BODY>
</HTML>