<img src="1.jpg" width="50" height="50" onMouseOver="this.width='300'this.height='300'" onMouseOut="this.width='50'this.height='50'">
或者更简单的，直接用css控制，连js都不用写了：
<style>
#Img1{ width:50pxheight:50px}
#Img1:hover{ width:300pxheight:300px}
</style>
<img src="1.png" width="50" height="50" id="Img1">
这个要求把css写精细一点我的想法是
为div和img添加onmouseover事件
监听到这个事件时再为这个事件的响应元素添加onmousewheel事件
在onmouseout事件中将放大缩小的响应移除
这里要求img所在层要高于div，即让img响应onmouseover事件但不让下层的div响应
单个图片最好使用绝对定位，以免放大缩小造成整个图片集合的排版错乱
这是由于鼠标控制出现问题导致，解决办法如下：
1、首先，在计算机的桌面上找到此计算机，然后单击以打开，如下图所示，然后进入下一步。
2、其次，进入此计算机的窗口后，在上方选项卡上找到更多设置，单击以打开，如下图所示，然后进入下一步。
3、接着，单击设备选项，如下图所示，然后进入下一步。
4、然后，在窗口左侧找到鼠标和触摸板选项，单击以打开，如下图所示，然后进入下一步。
5、最后，将鼠标的主按钮设置在左侧，这样鼠标就不会出现问题，如下图所示。
