jquery - 如何制作 Jquery 或 CSS3 动画 "Catch me if you can"按钮?

标签 jquery css animation jquery-animate

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

谁能帮我创建这个?

谢谢!

最佳答案

像这样:

$("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

关于jquery - 如何制作 Jquery 或 CSS3 动画 "Catch me if you can"按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15703249/

相关文章:

JQuery 获取列表中的所有项目

Javascript:淡入和淡出

javascript - 为什么我的游戏角色在不同电脑上的速度不一样?

android - 共享过渡不适用于 recyclerview 到 fragment

javascript - 如何返回上一页并在 php 或 javascript 中刷新它?

javascript - Twitter bootstrap typeahead 自定义按键 ENTER 功能

jQuery mouseon/mouseout 或悬停在 "on"绑定(bind)事件中

css - 将 css3 渐变与背景图像相结合

html - 如何使文本垂直对齐等于顶部 CSS

python - 在 Python 中用 prettyprint 类包装 markdown 代码块