本文介绍了当鼠标悬停在 Javascript 中时，棘手的按钮会移开?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我记得在网上看到过一些关于这个有趣/棘手按钮的网站或脚本:基本上它是一个无法点击的按钮.当鼠标悬停时，它会随机移动.
I remember seeing some website or script on the web about this funny / tricky button: Basically it's a button that is impossible to click. When mouseover, it moves randomly away.
谁能指出我的来源或给我看几行代码来做到这一点?最好使用 jQuery.
Can someone point me to a source or show me few line of code to do that? Preferably using 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 中时，棘手的按钮会移开?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！