javascript - 在图像中显示鼠标悬停工具提示

Question

我想在鼠标悬停在表格中的图像上时显示工具提示。请找到样本 fiddle http://jsfiddle.net/FpBu4/42/ 我想在鼠标悬停时在图像的右上角显示工具提示。 以下是示例脚本:

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

请建议如何在鼠标悬停在图像上时在图像附近显示工具提示。谢谢。

Answer 1

将 position:absolute; 添加到 tooltipSample 并使用 pageX 和 pageY 代替 layerX 和 layerY

Fiddle