1

我正在寻找一种方法将图像从 5-10 个“邮票图像”的集合/列表中粘贴到鼠标位置多次单击的图像上。感觉就像您将这些“标记图像”“标记”到另一个图像上。因此，只要您单击，“标记”图像就应该保留在图像上，并且只有在您重新加载页面时才会“清除”下面的图像。

我已经搜索了很多，但我没有找到我想要的东西。在 jsfiddle 上粘贴了一种类似的技术，但它只“标记”了一个图像，当您单击图像中的另一个位置时，它就会消失：http: //jsfiddle.net/haFMn/304/

如果“印章图像”的“溢出”即使扩展超出下方图像的大小也可以看到，那将是完美的，但您只能在单击下方图像时“印章”。

我希望有人能理解我的问题，英语不是我的第一语言。非常非常感谢提前！

jsfiddle代码：

        $(function() {
    $("#myimg").click(function(e) {
        var o = {
            left: e.pageX,
            top: e.pageY
        };
        $("#test").show(0).offset(o);
    });
});

它不必像我找到的上述代码那样，这只是我正在搜索的最接近的。

编辑（现在看起来像这样，如果有人感兴趣的话）：

jsfiddle 新版本

$(function() {
$("#myimg").click(function(e) {
    var o = {
        left: e.pageX - 12.5,
        top: e.pageY - 12.5            
    };
    $("#test").clone().appendTo('body').show(0).offset(o);
});
});

谢谢！

4

1 回答 1

0

稍微调整一下：

$(function() {
$("#myimg").click(function(e) {
    var o = {
        left: e.pageX,
        top: e.pageY            
    };
    $("#test").clone().appendTo('body').show().offset(o);
});
});

jsfiddle在这里

这就是你想要做的？

于 2013-07-18T20:16:18.153 回答