懸停效果的圖像後綁定鼠標

Question

我有這樣的代碼將圖像與鼠標結合，

$(function(){ 
    var $i = $('#gg'); 
    $("#gg").click(function() { 
     $(document).bind('mousemove',function(e){ 
      $i.css({ 
       left: e.pageX -42, 
       top: e.pageY -60 
      }); 
     }); 
    }); 
}); 

綁定後，我想隱藏在鼠標懸停另一幅圖像。 看看這個FIDDLE

請給我任何想法。

Answer 1

$(function() { 
    var $i = $("#gg") 
    $i.click(function() { 
     $i.css('pointer-events','none'); 
     $(document).on('mousemove', function (e) { 
      $i.css({ 
       left: e.pageX - 42, 
       top: e.pageY - 60 
      }); 
     }); 
     $('#gg1').one('mouseenter', function() { 
      $(this).hide(); 
     }); 
    }); 
}); 

編輯後FIDDLE