0

我有以下代码在 HTML 中创建翻转效果：

<img src="images/facebook.png"
onmouseover='this.src="images/facebookActive.png"' 
onmouseout='this.src="image/facebook.png"' height="32px" width="32px"/>

它开始时很好，但是在将鼠标悬停在它上面时，它会恢复到原来的大小（500x500）。我试图将 height="32px" width="32px" 添加到每个属性，但它似乎没有帮助。此外，通过使用 GIMP 减小图像的大小，会损失质量并且变得更加像素化。对这种情况有什么帮助吗？

4

2 回答 2

1

我试图重现您的场景，但我无法做到这一点。那么你可以编辑这个JsFiddle来重现你的问题。尝试使用您的图像。

<img src="http://netdna.copyblogger.com/images/flogo.jpg" onmouseover='this.src="http://t1.gstatic.com/images?q=tbn:ANd9GcQ6y qrcyQQxC6hISHmE37Yk2IUsOQtACy8NvcQgxMA0Uk3er5y"' onmouseout='this.src="http://netdna.copyblogger.com/images/flogo.jpg"' height="32px" width="32px" />

它似乎工作正常。还尝试使用PNGGauntlet调整图像大小

于 2013-06-16T10:25:50.923 回答
-2

您是否尝试将this.widthand设置this.height为onmouseoverand onmouseout？

于 2013-06-16T10:12:41.183 回答