Witajcie,

Jak poniżej zapewne widać, nie mam doświadczenia w tworzeniu funkcji i trudno mi wychwycić błąd, który blokuje uzyskanie oczekiwanego efektu.
Celem funkcji jest przemieszczanie elementu w prawo/lewo/górę/dół w zależności od ruchów myszą.
Przypuszczam, że problem dotyczy wiersza 18, gdzie nie mogę się odwołać do elementu.

[PHP] pobierz, plaintext 
$.fn.moof = function() 
{   
 var mouseX = 0, mouseY = 0;
 var xp = 0, yp = 0;
 var fo = $(this).position();  
 
 $(document).mousemove(function(e){
   mouseX = e.pageX;
   mouseY = e.pageY;		
 }); 
 
 var loop = function(){
	 var fox = fo.left;
	 var foy = fo.top;	 
    xp = fox - (mouseX - xp) / 100;
    yp = foy - (mouseY - yp) / 100;
    $(this).css({left: xp + 'px', top: yp + 'px'});    		 
 }  
 setInterval(loop,30);
}
 
$('.cytryna').moof();
[PHP] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
var here = this;
var loop = function(){
    var fox = fo.left;
    var foy = fo.top;
    xp = fox - (mouseX - xp) / 100;
    yp = foy - (mouseY - yp) / 100;
    $(here).css({left: xp + 'px', top: yp + 'px'});
}
[JAVASCRIPT] pobierz, plaintext