Her fare üzerinde imleç girişinden uzaklaşmak için bir görüntüyü canlandırmaya mı ihtiyacınız var?

Question

Bir kutu görüntüsünü fareyle üzerine gelindiğinde değiştirerek canlandırmaya çalışıyorum.

Bir kez hareket etmesini sağlayabilirim ancak birisinin fareyi görüntü üzerinde her seferinde hareket etmesini sağlamak için ayarlamam gerekiyor. Kullanıcıların ekranın etrafındaki kutuyu "kovalamak" istiyorum.

Tercihen animasyon, kullanıcının görüntüyü asla yakalayamayacağı şekilde dönecektir?

İşte an example of what I have so far ve aşağıda benim jQuery kodu:

$(document).ready(function() { 
    $('#img').mouseover(function() { 
     $(this).animate({ 
      left: '500px' 
     }); 
    }); 
}); 

teşekkürler milyon!

Answer 1

İşte bir example. Sanırım temelleri kapsamaktadır.

jQuery(function($) { 
    $('#img').mouseover(function() { 
     var dWidth = $(document).width() - 100, // 100 = image width 
      dHeight = $(document).height() - 100, // 100 = image height 
      nextX = Math.floor(Math.random() * dWidth), 
      nextY = Math.floor(Math.random() * dHeight); 
     $(this).animate({ left: nextX + 'px', top: nextY + 'px' }); 
    }); 
});