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

时间:2012-08-13 07:15:16

标签: javascript jquery html frontend

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

有人可以指向某个来源或向我展示几行代码吗?最好使用jQuery。

1 个答案:

答案 0 :(得分:53)

这可能就是您要找的,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",
            });
        }
    });
});​