当Javascript中的鼠标悬停时,棘手的按钮移开?

HP.*_*HP. 34 html javascript jquery frontend

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

有人可以指向我或者向我展示几行代码吗?最好使用jQuery.

Gau*_*tam 57

这可能就是你要找的,http://jsfiddle.net/9CDtE/4/

HTML

<button>button</button>?
Run Code Online (Sandbox Code Playgroud)

CSS

button{
    position:absolute;
    top:10px;
    left:10px;
}?
Run Code Online (Sandbox Code Playgroud)

JS

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

  • 仅仅是因为那个家伙得到了很多坏消息,所以至少我会帮助他.我只是很好 (13认同)
  • 投票赞成好!我想更多的人需要. (4认同)
  • ps我设法点击该按钮两次;) (2认同)