web-dev-qa-db-ja.com

Javascriptでマウスオーバーするとトリッキーなボタンが移動しますか？

この面白い/トリッキーなボタンに関するWebサイトまたはスクリプトをWebで見たことを覚えています。基本的に、クリックすることは不可能なボタンです。マウスオーバーすると、ランダムに離れます。

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

javascriptjqueryhtmlfrontend
33
HP.

これはおそらくあなたが探しているものです 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",
            });
        }
    });
});​
54
Gautam