JavaScript自定义工具提示

Question

我正在使用JavaScript代码添加工具提示

$(function(){
$('.fimg2').mousemove(function(e){
$('.fimgshow2').fadeIn();
$('.fimgshow2').css('top', e.clientY+20).css('left', e.clientX+10);
}).mouseout(function(){
$('.fimgshow2').hide();
$('.fimgshow2').fadeOut();
});
});

这里fimg2是一张图片。当我们在该图像上移动鼠标时，fimgshow2应该作为工具提示。

它是工作文件，但fimgshow2 div的位置没有出现在鼠标的左侧。

当我向上或向下移动页面时，fimgshow2的位置也发生了变化。

最后我想用动态位置设置为“fimgshow2”     $（'。fimgshow2'）。css（'top'，e.clientY + 20）.css（'left'，e.clientX + 10）;

当我可以在鼠标指针的右侧显示工具提示时。

Answer 1

我为你创造了一个小提琴here

<img class="fimg2" src="somelink" style="position:absolute"></img>
<img class="fimgshow2" src="someotherlink" style="position:relative;display:none"></img>

我认为你没有设定图像的位置。

figm2和fimgshow2的位置应分别为绝对和相对。

希望我没有遗漏任何东西。