2012-08-13 4 views
27

Ich erinnere mich an eine Website oder ein Skript im Internet über diesen lustigen/kniffligen Button: Im Grunde ist es ein Button, der nicht geklickt werden kann. Beim Mouseover bewegt es sich zufällig weg.Tricky Button Moving Away bei Mouseover in Javascript?

Kann mir jemand auf eine Quelle zeigen oder mir ein paar Zeilen Code zeigen, um das zu tun? Vorzugsweise mit jQuery.

+0

Wow ... 3 Gold Abzeichen .. . –

+0

Komm auf Mods, bitte schließe diese Frage, Er hat schon genug Down-Stimmen! – Gautam

+0

Geschlossen - Entscheidende Stimme. –

Antwort

45

Dies ist wahrscheinlich das, was Sie, suchen 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", 
      }); 
     } 
    }); 
});​ 
+13

Einfach deshalb, weil dieser Typ viel schlechte Presse bekommen hat, also würde ich ihm zumindest helfen. Ich war einfach nur nett. – Gautam

+4

Werde schön nett! Mehr Leute müssen ich raten. –

+2

p.s. Ich habe es geschafft, zweimal auf diesen Knopf zu klicken;) –