jquery - 将鼠标悬停在图像上时在鼠标指针处显示图像

Question

这个想法很“简单”，当您将鼠标悬停在不同的图像上时，使用 jQuery 在鼠标指针处显示图像......

代码：

$(document).ready(function() {
  var $img = $("img").mouseover();
  $img.mouseover(function() {
    // console.log($img);
    var x = event.pageX;
    var y = event.pageY;
    // console.log("X: " + event.pageX + ", Y: " + event.pageY)
    // console.log(x);
    console.log(y);

  });
});

#largeImage {
  position: absolute;
  padding: .5em;
  background: #e3e3e3;
  border: 1px solid #BFBFBF;
}

a img {
  border: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a href="logo1.png"><img src="logo1-small.png" alt="logo1" /></a>
<a href="toolset.png"><img src="toolset-small.png" alt="toolset" /></a>
<a href="selector.png"><img src="selector-small.png" alt="selector" /></a>

所以......我还没有走得很远，我很害怕。

标签： jquery