悬停时javascript更改图像(内联)

Question

function roll_over(img_name, img_src) {
document[img_name].src = img_src;
}

<a href="..."
onmouseover="roll_over('but100', '...')"
onmouseout="roll_over('but100', '...')">
<img src="..." name="but100" />
</a>

我使用此代码来显示 T 恤并在鼠标悬停时显示缩放图像。我想动态调整 onmouseover 图像的大小。图片为 190x190px，但我希望它们以 160x160px 显示，而无需过多更改代码。什么是最好的方法？

Answer 1

你不需要 JS，因为普通的 css 就足够了。

img:hover{
   width:160px;
   height:160px;
}

img{
    width:120px;
    height:120px;
}

DEMO