javascript - 当鼠标悬停在 Javascript 中时，棘手的按钮会移开？

Question

我记得在网上看到过一些关于这个有趣/棘手按钮的网站或脚本：基本上它是一个无法点击的按钮。当鼠标悬停时，它会随机移动。

有人可以指出我的来源或向我展示几行代码吗？最好使用 jQuery。

Answer 1

这可能是您正在寻找的：

$(function() {
  $("button").on({
    mouseover: function() {
      $(this).css({
        left: (Math.random() * 200) + "px",
        top: (Math.random() * 200) + "px",
      });
    }
  });
});

button {
  position: absolute;
  top: 10px;
  left: 10px;
}

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

http://jsfiddle.net/9CDtE/4/