37

この面白い/トリッキーなボタンについて、ウェブサイトやウェブ上のスクリプトを見たのを覚えています。基本的には、クリックできないボタンです。マウスオーバーすると、ランダムに移動します。

誰かが私にソースを示したり、それを行うための数行のコードを見せたりすることはできますか？できればjQueryを使用してください。

4

1 に答える 1

60

これはおそらくあなたが探しているものです：

$(function() {
  $("button").on({
    mouseover: function() {
      $(this).css({
        left: (Math.random() * 200) + "px",
        top: (Math.random() * 200) + "px",
      });
    }
  });
});
button {
  position: absolute;
  top: 10px;
  left: 10px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>button</button>

http://jsfiddle.net/9CDtE/4/

于 2012-08-13T07:21:00.107 に答える