直接上jquery :
$(function(){
$("a[name = 'approvalDetails']").mouseover(function(event){
//jq獲取當前焦點位置(就是當前屏幕)
var yy = $(this).offset().top;
var xx = $(this).offset().left;
//在當前焦點顯示我的div
$('#approvalDiv').css({top: yy, left: xx}).show();
});
)};
一個div,將 其顯示在當前焦點
<!--position: absolute必須要有-->
<div id="approvalDiv" style="position: absolute;" hidden="">
<table id="approvalTable" style="background-color: white; -webkit-box-shadow:2px 2px 5px #999999;" >
<tbody>
<tr>
<th></th>
<th><nobr>審批人</nobr></th>
<th><nobr>審批意見</nobr></th>
</tr>
</tbody>
</table>
</div>
觸發事件標籤
<a name="approvalDetails">詳情</a>