web-dev-qa-db-fra.com

Bouton délicat s'éloignant lorsque vous passez la souris sur Javascript?

Je me souviens avoir vu un site Web ou un script sur le Web à propos de ce bouton amusant/délicat: Fondamentalement, c'est un bouton qui est impossible à cliquer. Lorsque vous passez la souris, il s'éloigne de façon aléatoire.

Quelqu'un peut-il me diriger vers une source ou me montrer quelques lignes de code pour le faire? Utiliser de préférence jQuery.

35
HP.

C'est probablement ce que vous recherchez, 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",
            });
        }
    });
});​
58
Gautam