Question

<img onmouseover="http://www.habbohut.com/_images/_content/_habbohut/facebook_sign2.png"
     align="right"
     alt="facebook"
     name="facebook"
     width="231"
     height="231"
     border="0"
     id="facebook"
     style="margin-top: -12px; margin-right: -60px;">

它不起作用。它出现在一个盒子里，而不是一个破碎的图像，而是一个不显示图像的盒子。我将它添加到我的网站，我可以把它放在错误的地方吗？另外，我把它放在我的论坛包装器中，我希望显示图像，当你将鼠标悬停在它上面时，它会变为图像2，请帮忙。

Answer 1

如果您打算在鼠标悬停时更改图像，可以使用：

<img onmouseover="this.src='http://www.habbohut.com/_images/_content/_habbohut/facebook_sign.png'"
     onmouseout="this.src='http://www.habbohut.com/_images/_content/_habbohut/facebook_sign2.png'"
     src="http://www.habbohut.com/_images/_content/_habbohut/facebook_sign2.png"
     align="right"
     alt="facebook"
     name="facebook"
     width="231"
     height="231"
     border="0"
     id="facebook"
     style="margin-top: -12px; margin-right: -60px;">

this.src='something'

会将图片src设置为something。

然而，使用CSS并将其作为背景图像会更漂亮，然后它将在没有javascript的情况下工作。

Answer 2

请使用一些CSS，内联样式代码会让人感到困惑。

如果你想这样做，可以这样做：

#facebook {
    background: url("http://www.habbohut.com/_images/_content/_habbohut/facebook_sign2.png") no-repeat;
    width: 231px;
    height: 231px;
    margin-top: -12px;
    margin-right: -60px;
}
#facebook:hover {
    background: url("http://www.habbohut.com/_images/_content/_habbohut/facebook_sign.png") no-repeat;
}

<div id="facebook"></div>

Answer 3

这可能不对，但是通过查看你的代码你的img脚本不会结束。

您需要/>

在鼠标上方更改图像

3 个答案: