jQuery में माउस

Question

ठीक निम्नलिखित चेतन करने के लिए कैसे, यह मेरी माउस निम्नलिखित के लिए पूरी तरह से ठीक काम करता है।

// 
$(document).mousemove(function(e){ 
    $("#follower").css({ 
     'top': e.pageY + 'px'; 
     'left': e.pageX + 'px'; 
    }); 
}); 
// 

और यह एक क्लिक किया बिंदु

// 
$(document).click(function(e){ 
    $("#follower").animate({ 
     top: e.pageY + 'px'; 
     left: e.pageX + 'px'; 
    }, 800); 
}); 
// 

लेकिन मैं व्यक्तिगत रूप से है कि तार्किक इस काम करना चाहिए महसूस करने के लिए माउस एनिमेट के लिए महान काम करता है! Webscripter के रूप में मेरे दृष्टिकोण से आ रहा है। आमद तो मेरा सवाल यह है कि, मैं यह काम कैसे कर सकता हूं। मैं कोशिश करते हैं और महसूस पीछे की एक गतिशील प्रकार के साथ मेरी माउस का पालन करने के #follower चाहते हैं।

// 
$(document).mousemove(function(e){ 
    $("#follower").animate({ 
     top: e.pageY + 'px'; 
     left: e.pageX + 'px'; 
    }, 800); 
}); 
// 

Answer 1

कैसे setInterval और एक समीकरण कहा जाता ज़ेनो के विरोधाभास का उपयोग कर के बारे में:

http://jsfiddle.net/88526/1/

तरह से मैं आमतौर पर यह करना है कि।

के रूप में अनुरोध किया है, मैं इस सवाल का जवाब में कोड शामिल किया है।

सीएसएस:

#follower{ 
    position : absolute; 
    background-color : red; 
    color : white; 
    padding : 10px; 
} 

HTML:

<div id="follower">Move your mouse</div> 

जे एस डब्ल्यू/jQuery: पूर्ण स्थिति के साथ एक div को देखते हुए

var mouseX = 0, mouseY = 0; 
$(document).mousemove(function(e){ 
    mouseX = e.pageX; 
    mouseY = e.pageY; 
}); 

// cache the selector 
var follower = $("#follower"); 
var xp = 0, yp = 0; 
var loop = setInterval(function(){ 
    // change 12 to alter damping, higher is slower 
    xp += (mouseX - xp)/12; 
    yp += (mouseY - yp)/12; 
    follower.css({left:xp, top:yp}); 

}, 30);