棘手的按钮移动时，在鼠标在Javascript中？ [英] Tricky Button Moving Away when Mouseover in Javascript?

问题描述

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

有人可以指向我的源代码或只显示几行代码吗？最好使用jQuery。 /rel =noreferrer> http://jsfiddle.net/9CDtE/4/

HTML

 <按钮>按钮< /按钮> 
  

CSS

 按钮{
 position：absolute; 
 top：10px; 
 left：10px; 
} 
  

JS

<$ （$ b $ mouseover：function（）{
$（this）.css（）函数（）{
$（button）。 （{
left：（Math.random（）* 200）+px，
top：（Math.random（）* 200）+px，
}）;
}
}）;
}）;

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.

Can someone point me to a source or show me few line of code to do that? Preferably using jQuery.

解决方案

This is probably what you are looking for, http://jsfiddle.net/9CDtE/4/

HTML

<button>button</button>​

CSS

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

JS

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

这篇关于棘手的按钮移动时，在鼠标在Javascript中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！