使用jquery实现文字提示层并且可以在层中进行其它操作

代码如下：js代码为：$(function(){
    var x = 10;  
var y = 20;

$("a.tooltip").mouseover(function(e){
        this.myTitle = this.title;
this.title = "";
    var tooltip = "<div id='tooltip'>"+ this.myTitle +"<\/div>";
$("body").append(tooltip);
$("#tooltip")
.css({
"top": (e.pageY + y) + "px",
"left": (e.pageX  + x) + "px"
}).show("fast");

    }).mouseout(function(){
this.title = this.myTitle;
  
          $("#tooltip").remove();
      
    });
    
});html代码为：<table>
<tr>    <td class="f12num" ><a href="aa.html" target="_blank" class="tooltip" title="<table border=0 cellpadding=0 cellspacing=1 bgcolor=999999 class=table-small><tr><td colspan=3 align=right><a onclick=closediv();>关闭</a></td></tr><tr><td align=center bgcolor=#FFFFFF class=tabbj width=77>用户名2</td><td align=center bgcolor=#FFFFFF class=tabbj width=105>邮箱</td><td align=center bgcolor=#FFFFFF class=tabbj width=114>地址</td></tr><tr><td bgcolor=#FFFFFF>宋海强</td><td bgcolor=#FFFFFF>[email protected]</td><td bgcolor=#FFFFFF>北京朝阳区西大望路3号蓝堡国际中心1座1110</td></tr><tr><td bgcolor=#FFFFFF>王晓林</td><td bgcolor=#FFFFFF>[email protected]</td><td bgcolor=#FFFFFF>西城区西直门南小街国英1号427室</td></tr><tr><td bgcolor=#FFFFFF>王龙山</td><td bgcolor=#FFFFFF>[email protected]</td><td bgcolor=#FFFFFF>北京市朝外大街10号坤泰大厦1108室</td></tr>table>">aRK09090929234</a></td>
    <td align="center">某某</td>
    <td align="center">男</td>
    <td align="center">1977-11-08</td>
    <td>科室</td>
    <td>护理部</td>
    <td>护师</td>
    <td align="center" class="f12blue"><a href="#">查看明细</a></td>
  </tr>
  <tr>    <td class="f12num"><a href="" class="tooltip" title="<table border=0 cellpadding=0 cellspacing=1 bgcolor=999999 class=table-small><tr><td colspan=3 align=right><a onclick=closediv();>关闭</a></td></tr><tr><td align=center bgcolor=#FFFFFF class=tabbj width=77>用户名3</td><td align=center bgcolor=#FFFFFF class=tabbj width=105>邮箱</td><td align=center bgcolor=#FFFFFF class=tabbj width=114>地址</td></tr><tr><td bgcolor=#FFFFFF>宋海强</td><td bgcolor=#FFFFFF>[email protected]</td><td bgcolor=#FFFFFF>北京朝阳区西大望路3号蓝堡国际中心1座1110</td></tr><tr><td bgcolor=#FFFFFF>王晓林</td><td bgcolor=#FFFFFF>[email protected]</td><td bgcolor=#FFFFFF>西城区西直门南小街国英1号427室</td></tr>table>">aRK09090929234</a></td>
    <td align="center">某某</td>
    <td align="center">男</td>
    <td align="center">1977-11-08</td>
    <td>科室</td>
    <td>护理部</td>
    <td>护师</td>
    <td align="center" class="f12blue"><a href="#">查看明细</a></td>
  </tr>
  <tr>
<td class="f12num"><a href="" class="tooltip" title="<table border=0 cellpadding=0 cellspacing=1 bgcolor=999999 class=table-small><tr><td colspan=3 align=right><a onclick=closediv();>关闭</a></td></tr><tr><td align=center bgcolor=#FFFFFF class=tabbj width=77>用户名4</td><td align=center bgcolor=#FFFFFF class=tabbj width=105>邮箱</td><td align=center bgcolor=#FFFFFF class=tabbj width=114>地址</td></tr><tr><td bgcolor=#FFFFFF>宋海强</td><td bgcolor=#FFFFFF>[email protected]</td><td bgcolor=#FFFFFF>北京朝阳区西大望路3号蓝堡国际中心1座1110</td></tr><tr><td bgcolor=#FFFFFF>王晓林</td><td bgcolor=#FFFFFF>[email protected]</td><td bgcolor=#FFFFFF>西城区西直门南小街国英1号427室</td></tr><table>">aRK09090929234</a></td>
    <td align="center">某某</td>
    <td align="center">男</td>
    <td align="center">1977-11-08</td>
    <td>科室</td>
    <td>护理部</td>
    <td>护师</td>
    <td align="center" class="f12blue"><a href="#">查看明细</a></td>
  </tr>
</table>
这个代码已经实现了鼠标指向后弹出文字提示，但我想要提示的这个层当鼠标离开后不消失，并可以在层中进行其它操作，当鼠标离开层后并指向下一个文字时，那个层才消失，并且新的层显示出来，以此类推,不知该如何修改这段代码,请高手指教