javascript - 将鼠标悬停在 div 上时弹出图像(Jquery)

Question

我需要一些帮助。我想让图像出现在鼠标位于 div 上的位置。没有我可以展示的代码，因为我在实现这个方面失败了很多次。

谢谢。

Answer 1

来自您的原始问题和此评论(“您好，感谢您的回复。图像需要在鼠标点的 div 上弹出。移动鼠标会将图像位置更改为鼠标所在的位置。谢谢!” )

我创建了这个解决方案:

http://jsfiddle.net/YPu96/1/

将鼠标悬停在 div 上:图像变为可见并跟随鼠标指针移动。

单击时:图像变得不可见并停止跟随。

HTML:

<div class="someDiv">
  <p>Foobar</p>
</div>
<img style="display:none" class="image" src="http://www.budick.eu/images/logo-BudickEu.jpg"/>

JavaScript:

$(".someDiv").hover(function() {
  $(document).mousemove(function(event) {
    $(".image").css({"position":"absolute","left":event.clientX ,"top":event.clientY     }).show();    
  });    
});

//end movement with click
$(document).bind("click",function(){
  $(document).unbind("mousemove");
  $(".image").hide();
});