鼠标位置显示div信息！

   var divoffset = 10;
        $(document).ready(function(){
                var tooltip = $("#tooltip");                     **页面底部的Div  信息载体
                $('tr').find("#msgContent").bind('mouseover',function(e){         ** table （list  tr）每行  td id='msgContent'
                    Mouse(e);   **定义鼠标事件
                    var commentId = $(this).parent().find("#checkbox").val();
     tooltip.html("评论ID：" + commentId + "<br>" + $(this).attr("msg"));       **msg  信息随页面一同载入
                    tooltip.css({ top: toppos ,left: leftpos  });tooltip.show();
                }).bind('mousemove',function(e){
                    Mouse(e);tooltip.css({ top: toppos ,left: leftpos  });               **css  鼠标 位置
                }).bind('mouseout',function(){
                 tooltip.html("");
                    tooltip.hide();
                });
        });
        var Mouse = function(e){
            mouse = new MouseEvent(e);
            leftpos = mouse.x + divoffset;
            toppos = mouse.y + divoffset;
        }
        var MouseEvent = function(e) {
            this.x = e.pageX
            this.y = e.pageY
        }

 

****载体 div

 <div id="tooltip" style="border: 3px solid green;position: absolute;padding: 5px;background-color: white;width: 500px;display:none;"></div>

 

 

 

 

******** 页面信息

 

 

  <#if page?exists && page.result?exists>
   <#list page.result as p>
     <tr align="center" bgcolor="#FFFFFF" height="24"  onMouseMove="javascript:this.bgColor='#f4fbf4';" onMouseOut="javascript:this.bgColor='#FFFFFF';">
             <td>
               <input name="checkbox" type="checkbox" class="np" id="checkbox" value="${p.id?if_exists}">
             </td>
             <td>
               <#if (p.member.loginName)??>
        <a href='${contextPath}/back/plus/comment/index.do?searchComment.member.id=${(p.member.id)!'-1'}'><u>${p.member.loginName}</u></a>
       <#else>
        <a href='${contextPath}/back/plus/comment/index.do?searchComment.member.id=-1'><u>匿名</u></a>
       </#if>
             </td>
               
             <td>
              <a href='${config?if_exists.commentDomain?if_exists}/${p.docUid?if_exists}.htm' target="_blank"><u>${p.docUid?if_exists}</u></a>
             </td>
             <td id="msgContent" msg="${(p.msgContent)!''}">${p.getBreviaryMsg()?if_exists}</td>
             <td>${p.createdAt?if_exists}</td>
             <td><a href='${contextPath}/back/plus/comment/index.do?searchComment.ip=${p.ip?if_exists}'><u>${p.ip?if_exists}</u></a></td>
             <td>
              <#list auditStatus as ss>
       <#if (p.auditStatus)?? && p.auditStatus == ss.value>
         <#if ss.value != 2 && ss.value != 3>
         <span style="color: red">${ss.getName()}</span>
         <#else>
          ${ss.getName()}
         </#if>
       </#if>
      </#list>
             </td>
             <td>${p.goodCount?if_exists}</td>
             <td>
              <a href='javascript:replay(${p.id?if_exists},0);'>拒绝</a>
              <a href='javascript:delComment(${p.id?if_exists});'>删除</a>
               <#if p.auditStatus?default(-1) != 2 && p.auditStatus?default(-1) != 3>
                <a href='javascript:replay(${p.id?if_exists},1);'>审核</a>
                <a href='${contextPath}/back/plus/comment/edit.do?id=${p.id}'>编辑</a>
                </#if>
                <#if top.checkBlack(p.id?if_exists) == false><a href='javascript:blackIpOrMemeber(${p.id?if_exists},"<#if (p.member.loginName)??>member<#else>ip</#if>")'>禁言</a></#if>
       </td>
      </tr>
   </#list>
    </#if>