当鼠标悬停在 Javascript 中时，棘手的按钮会移开？ [关闭]

Posted 2023-02-22

【中文标题】当鼠标悬停在 Javascript 中时，棘手的按钮会移开？ [关闭]

【英文标题】：Tricky Button Moving Away when Mouseover in Javascript? [closed]

【发布时间】：2012-08-09 09:50:12

【问题描述】：

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

谁能指出我的来源或给我看几行代码来做到这一点？最好使用 jQuery。

【问题讨论】：

来吧Mods，请关闭这个问题，他已经得到了足够多的反对票！

我刚从谷歌回来，我觉得这个问题很有用:)

这里一样，很有用。

也发现这很有用 - 我认为模组有时会采取一些严厉的策略

这正是我想要的。

【参考方案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/

【讨论】：

只是因为那个家伙受到了很多负面新闻，所以至少我会帮助他。我只是很好

为好人投票！我猜需要更多的人。

附注我设法点击了该按钮两次；）

嗯...恭喜...你得了+10！

谢谢你，很高兴你这样做。