html鼠标悬浮图片变大怎么实现

<img src="1.jpg" width=50 height=40 onMouseover="this.width=80this.height=60" onMouseout="this.width=50this.height=40">

点进去没看到图片

我这里给你提供一个思路，（js）

一排显示8个图可以用浮动；

鼠标经过每一张小图显示大图，就是鼠标悬浮事件。有api可以改变图片的大小。悬浮时图片变大，离开时变小。

显示大图，小图隐藏。没有图片，不知道是什么效果。总之在对应事件时修改图片的样式就可以。

先将大图标隐藏起来，使用style="display:none",然后点击后小图标再通过js来移除这个属性就可以了。

如果解决了您的问题请采纳！

如果未解决请继续追问

---