代碼音畫：《中國(guó)山水畫》----鼠標(biāo)滑過(guò)放大圖片

紅楓

紅楓

下面的可能是最簡(jiǎn)的圖片放大代碼了：



  <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

紅楓 發(fā)表于 2021-8-27 15:13
下面的可能是最簡(jiǎn)的圖片放大代碼了：

另一思路，是不是簡(jiǎn)單沒(méi)驗(yàn)證。

小圖片的mouseover事件，取圖片src替換大圖的圖片。

紅楓

195400 發(fā)表于 2021-8-27 16:20
太寬了， 左邊看不到。

可能適應(yīng)我自己的顯示器；您將瀏覽器縮小倍率看看。

謝謝你的反饋，謝謝您的欣賞��！

修改好了！

雄鷹翱翔

欣賞老師精美音畫佳作，贊一個(gè)！

195400

195400

紅楓 發(fā)表于 2021-8-27 16:31
可能適應(yīng)我自己的顯示器；您將瀏覽器縮小倍率看看。

謝謝你的反饋，謝謝您的欣賞��！

現(xiàn)在可以看全了。
前四幅圖片似乎沒(méi)反應(yīng)啊。

紅楓

195400 發(fā)表于 2021-8-27 18:12
現(xiàn)在可以看全了。
前四幅圖片似乎沒(méi)反應(yīng)啊。

您的代碼更簡(jiǎn)潔些，謝謝指導(dǎo)！

寒冬殘荷

紅楓 發(fā)表于 2021-8-27 15:13
下面的可能是最簡(jiǎn)的圖片放大代碼了：

JS對(duì)退休前沒(méi)有接觸過(guò)網(wǎng)頁(yè)知識(shí)的我這個(gè)老年人來(lái)說(shuō)是望而生畏！你們年輕人或退休前接觸過(guò)網(wǎng)頁(yè)知識(shí)的老年人才看得懂。