如何在通过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，并扩大图像？ 在此先感谢！

Answer 1

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

Answer 2

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

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