Question

鼠标后面有这个版本的图像：

我尝试使用动态加载的图像，如下所示：

var a = new Image();
a.src = 'https://upload.wikimedia.org/wikipedia/commons/6/6a/This_is_a_demo_blue_dot.png';
a.onload = g;

function g(){
    $(document).mousemove(function(e){
        $(a).css({left:e.pageX, top:e.pageY});
    });
}

但它不起作用。我需要它以这种方式工作，因为我以后必须在画布上绘制它。

我想问题是jQuery无法找到那种方式，所以我该如何使它工作？

Answer 1

将id设置为元素并将其附加到DOM

中

通过position : absolute;应用css时，在图片元素上应用id至关重要。

var a = new Image();
a.id = 'image';
a.src = 'https://upload.wikimedia.org/wikipedia/commons/6/6a/This_is_a_demo_blue_dot.png';
$('body').append(a);
a.onload = g;

function g() {
  $(document).mousemove(function(e) {
    $(a).css({
      left: e.pageX,
      top: e.pageY
    });
  });
}

#image {
  position: absolute;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

按照鼠标制作动态图像

1 个答案: