javascript - 在 Javascript 中鼠标悬停时棘手的按钮会移动吗?

标签 javascript jquery html frontend

<分区>

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

有人可以为我指出来源或向我展示几行代码来做到这一点吗?最好使用 jQuery。

最佳答案

这可能是您正在寻找的:

$(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/

关于javascript - 在 Javascript 中鼠标悬停时棘手的按钮会移动吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11929687/

相关文章:

chrome/safari 浏览器的 jquery css 奇怪问题

html - 为带有背景的文本元素设置样式

javascript - 当我使用 ' ; ' 而不是 ' && ' 时,输出发生变化,我需要帮助来理解它

jquery - 在从 ng-repeat 生成的 li 上显示背景色

javascript - 如何在 Javascript 中的 for 循环内 append html 模板?

html - 当元素有更多带有文本的元素时获取该元素的文本

python - 无法在 Web 浏览器中从 python 打开 html 文件 - 改为用记事本打开

javascript - 为什么 Bootstrap Js 在我的模板中不起作用?

javascript - 我不知道 var 的范围

javascript - 从 Python 中的 Node 命令捕获输出