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的位置應該是絕對的和相對的。

希望我不會錯過任何東西。