将鼠标悬停在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();
});