Question

这是我的代码：

<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="smiley.gif"              alt="Smiley" width="32" height="32">
<script>
    function bigImg(x) {
        x.style.backgroundColor = "red"
    }
    function normalImg(x) {
        x.style.backgroundColor = "transperant"
    }
</script>

我希望将鼠标移出图像后背景颜色会恢复透明。就像我把鼠标放在上面一样，背景颜色变红，我把它拿出来，背景颜色变得透明。上面的代码有效，但只有当我将鼠标悬停在它上面时，它才会变红，然后当我将鼠标移出时，它仍保持相同的颜色。

Answer 1

你有一个错字。

而不是：

x.style.backgroundColor="transperant"

应该是：

x.style.backgroundColor="transparent";

Answer 2

试试这个：

<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="smiley.gif"              alt="Smiley" width="32" height="32">

<script>
    function bigImg(x) {
        x.style.backgroundColor = "red"
    }
    function normalImg(x) {
        x.style.opacity = 0.5
    }
</script>

链接到fiddle

如何在onmouseout事件中将背景颜色更改为透明？

2 个答案: