将html元素移向鼠标光标

Question

我有一个html元素：<img src="./pic/char.png" width="30" height="30" alt="me">
如何使用javascript不断将此html元素移向光标？在此先感谢：）

Answer 1

您可以参考此http://jsfiddle.net/wUAGP/440/

<强> HTML

    <div class="moveAble">
    <div class="info"><img src="https://pbs.twimg.com/profile_images/1498221863/Jodis_Gifts_logo_hi_res_normal.jpg" alt="info" /></div>
    </div

>

和 JS

$(document).ready(function(){
      var $moveable = $('.moveAble');
      $(document).mousemove(function(e){
          $moveable.css({'top': e.pageY,'left': e.pageX});
      });
    });

Answer 2

由于您的代码将来会变得更加复杂，例如除了图像之外，它还可以添加文本等，我只使用现成的库qtip2。

$(element).qtip({
    content: { your content/image here },
    position: { target: mouse }
});