javascript - 鼠标绑定(bind)图片后悬停效果

Question

我有这段代码可以用鼠标绑定(bind)图像，

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

绑定(bind)后我想在鼠标悬停时隐藏另一个图像。 看看这个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