图像跟随光标

Question

我需要帮助尝试执行以下操作：

一：点击一次开始跟随图像 二：再次单击可停止图像 三：它将通知用户所在的两个州中的哪一个

我的jfiddle代码示例如下。

$(document).mousemove(function (e) {
    $("#giraffeImg").stop().animate({
        left: e.pageX,
        top: e.pageY
    });
});

http://jsfiddle.net/sure1thing/5q8zH/4/

由于

Answer 1

试试这段代码： -

Fiddle link

$(document).ready(function(){
        var count = 0,
        anim = function(e){
        $("#giraffeImg").stop().animate({left:e.pageX,      top:e.pageY});
    }


    $(this).click(function(e){
        count += 1;

        if(count % 2){
        console.log('Animation started')

        $(this).on('mousemove',anim);  

        }else{
         $(this).off('mousemove', anim);

         console.log('Animation finished')
        }
})  

})