如何使用jQuery将表格显示为工具提示？

Question

我有一个GridView填充数据和列的一个包含一个链接按钮（文件列表）。如果我点击链接按钮（FileList），.net事件将被触发，并且将调用数据库来检索数据。

如何显示在一个HTML表格格式作为工具提示的数据，如图附加的图片？我想用jQuery实现工具提示。

Answer 1

简单的例子：

HTML

<a href="">test</a> 
<table> 
    <tr><td>asdf</td><td>gsdi</td></tr> 
    <tr><td>asdf</td><td>gsdi</td></tr> 
</table> 

JS

$('a').hover(function(ev){ 
    $('table').stop(true,true).fadeIn(); 
},function(ev){ 
    $('table').stop(true,true).fadeOut(); 
}).mousemove(function(ev){ 
    $('table').css({left:ev.layerX+10,top:ev.layerY+10}); 
}); 

CSS

table{ 
    display:none; 
    position:absolute; 
} 
td{ 
    border:1px solid red; 
} 

Fiddle demo