如何制作 Jquery 或 CSS3 动画“如果可以，请抓住我”按钮？

Question

我想使用纯 CSS 或 Jquery 创建一个动画按钮，以便在 4 月 1 日为我的访客开个玩笑。基本上，这将是常规按钮，但是当用户悬停在鼠标上时，它会快速移动到鼠标的另一侧。这是一个简单的游戏。不过应该没那么难抓。如果他/她努力，用户可以点击它:)

谁能帮我创建这个？

谢谢！

Answer 1

像这样的东西：

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

演示：http : //jsfiddle.net/ZQamp/

感谢@roXon 建议提供更好的动画：http : //jsfiddle.net/ZQamp/3