代码音画：《中国山水画》----鼠标滑过放大图片

红枫

红枫

下面的可能是最简的图片放大代码了：



  <img src="https://z3.ax1x.com/2021/08/04/fA0Iv6.gif" id="img_1"  onmouseover= "letBig(this)"  onmouseout= "letsmall(this)" style="width:100px;height:100px;margin-top:50px  ;margin-left:300px;" />

<script>

function letBig(obj){obj.style.width =parseInt( obj.style.width) *5 ;obj.style.height =parseInt( obj.style.height)*5;}

function letsmall(obj){obj.style.width =parseInt( obj.style.width) /5;obj.style.height =parseInt( obj.style.height)/5;}

</script>

195400

太宽了， 左边看不到。

195400

红枫 发表于 2021-8-27 15:13
下面的可能是最简的图片放大代码了：

另一思路，是不是简单没验证。

小图片的mouseover事件，取图片src替换大图的图片。

红枫

195400 发表于 2021-8-27 16:20
太宽了， 左边看不到。

可能适应我自己的显示器；您将浏览器缩小倍率看看。

谢谢你的反馈，谢谢您的欣赏！！

修改好了！

雄鹰翱翔

欣赏老师精美音画佳作，赞一个！

195400

195400

红枫 发表于 2021-8-27 16:31
可能适应我自己的显示器；您将浏览器缩小倍率看看。

谢谢你的反馈，谢谢您的欣赏！！

现在可以看全了。
前四幅图片似乎没反应啊。

红枫

195400 发表于 2021-8-27 18:12
现在可以看全了。
前四幅图片似乎没反应啊。

您的代码更简洁些，谢谢指导！

寒冬残荷

红枫 发表于 2021-8-27 15:13
下面的可能是最简的图片放大代码了：

JS对退休前没有接触过网页知识的我这个老年人来说是望而生畏！你们年轻人或退休前接触过网页知识的老年人才看得懂。