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'）.css（'top'，e.clientY + 20）.css（'left'，e.clientX + 10）我想将动态位置设置为“fimgshow2” ）;

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

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的位置应该是绝对的和相对的。

希望我不会错过任何东西。