Question

当用户将鼠标悬停在图像上并以html执行此功能时，这是我的鼠标悬停功能：onmouseover="big(this)

这是我的javascript代码：

   function big(x)
    { 
        var img = document.createElement("img");
        img.src="images/related-large2.jpg";
        img.width= 200;
        img.height= 200;
        document.body.appendChild(img);
    }

如何将儿童图像附加到我将鼠标悬停在图像上的点上，而不是将图像一直附加到页面底部？

Answer 1

您需要获取事件的x和y坐标，并将图像的顶部和左侧属性设置为此。要做到这一点，你需要将通风口传递给功能。我注意到你实际上并没有使用你传入的对象，但无论如何都包含了它。

<div onmouseover="big(event, this)">
hello
</div>

<script>
function big(e, obj)
    { 
        var img = document.createElement("img");
        img.src="images/related-large2.jpg";
        img.width= 200;
        img.height= 200;
        var x = e.clientX;
                var y = e.clientY;
                img.style.position = 'absolute';
                img.style.top = y + 'px';
                img.style.left = x + 'px';
        document.body.appendChild(img);
    }
</script>

See example

Answer 2

img.style.top=800;
img.style.right=100;
where.parentNode.appendChild(img);

鼠标悬停在javascript

2 个答案: