c# - 当通过css设置大小时，如何在javascript事件上放大图像？

Question

我有一些定义图像大小的CSS （如下）

#latestImages img 
{
    height: 95px;
    width: auto;
}

这会影响这些图像：

<img src="@images.ImagePath" alt="@images.NameOfImage" />

当我像这样为此图像设置 onmouseover 事件时：

<img src="@images.ImagePath" alt="@images.NameOfImage" onmouseover="this.width=100;this.height=100;" onmouseout="this.width=200;this.height=200;"/>

当查看源代码时，html 中的图像高度和宽度确实发生了变化，但没有可见的变化，但是当我删除 css 时，确实发生了变化。有人知道为什么是这样吗？有什么我可以做的不同来保持css原样并让javascript放大图像吗？提前致谢！

score 2 · Accepted Answer

您可以在 onmouseover 处理程序中使用此格式：this.style.width="50px". 或者更好的是，不要将你的 JS 放在你的 HTML 中，而是为你想要做的事情编写一个函数。

score 1 · Accepted Answer

onmouseover="this.style.width='100px';this.style.height='100px';"
onmouseout="this.style.width='200px';this.style.height='200px';"

样式需要单位。在这种情况下px。否则它可能是pt,in或em.

2 回答 2