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 显示,而无需过多更改代码。什么是最好的方法?
最佳答案
你不需要 JS,因为普通的 css 就足够了。
img:hover{
width:160px;
height:160px;
}
img{
width:120px;
height:120px;
}
关于悬停时javascript更改图像(内联),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20438614/