中畫網

標題: 代碼音畫：《中國山水畫》----鼠標滑過放大圖片 [打印本頁]

作者: 紅楓 時間: 2021-8-27 14:50
標題: 代碼音畫：《中國山水畫》----鼠標滑過放大圖片

無標題文檔

作者: 紅楓 時間: 2021-8-27 15:13
下面的可能是最簡的圖片放大代碼了：

<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 時間: 2021-8-27 16:20

太寬了，左邊看不到。

作者: 195400 時間: 2021-8-27 16:23

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

另一思路，是不是簡單沒驗證。

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

作者: 紅楓 時間: 2021-8-27 16:31

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

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

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

修改好了！

作者: 雄鷹翱翔 時間: 2021-8-27 18:05
欣賞老師精美音畫佳作，贊一個！

作者: 195400 時間: 2021-8-27 18:07

作者: 195400 時間: 2021-8-27 18:12

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

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

現在可以看全了。
前四幅圖片似乎沒反應啊。

作者: 紅楓 時間: 2021-8-27 18:35

195400 發表于 2021-8-27 18:12
現在可以看全了。
前四幅圖片似乎沒反應啊。

您的代碼更簡潔些，謝謝指導！

作者: 寒冬殘荷 時間: 2021-8-27 19:34

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

JS對退休前沒有接觸過網頁知識的我這個老年人來說是望而生畏！

你們年輕人或退休前接觸過網頁知識的老年人才看得懂。

作者: 195400 時間: 2021-8-27 20:07

紅楓發表于 2021-8-27 18:35
您的代碼更簡潔些，謝謝指導！

第二幅圖片似乎還是不靈。

作者: 195400 時間: 2021-8-27 20:09

寒冬殘荷發表于 2021-8-27 19:34
JS對退休前沒有接觸過網頁知識的我這個老年人來說是望而生畏！你們年輕人或退休前接觸過網頁知識的老年 ...

好像都是老年人，雄鷹版主是不是不知道。退休前要奔生活，不是相關專業的不會感興趣，是相關專業的不會只有這等混論壇的水平，所以這里的網友大概率是退休后的老年人。

作者: 寒冬殘荷 時間: 2021-8-27 20:53

195400 發表于 2021-8-27 20:09
好像都是老年人，雄鷹版主是不是不知道。退休前要奔生活，不是相關專業的不會感興趣，是相關專業的不會只 ...

你們學習能力強！

我智商太低了

。一看js那些命令感覺很深奧看不懂，不像html和css，一個標簽一個屬性的，沒有變量，沒有賦值……

作者: 寒冬殘荷 時間: 2021-8-27 20:55
怪了，為什么我都不能直接在這里發有圖片的代碼，貼上代碼，系統就把我的圖片地址去掉。而你們都可以呢？是我的瀏覽器問題，還是我在論壇的級別不夠？

作者: 寒冬殘荷 時間: 2021-8-27 20:56

無標題文檔

作者: 寒冬殘荷 時間: 2021-8-27 20:58
得了！用我的代碼不行，是我的代碼有問題？做成網頁文件又可以？

作者: 195400 時間: 2021-8-27 20:58

寒冬殘荷發表于 2021-8-27 20:53
你們學習能力強！我智商太低了。一看js那些命令感覺很深奧看不懂，不像html和css，一個標簽 ...

找個css變量的例子給你看看

https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom_properties

作者: 寒冬殘荷 時間: 2021-8-27 21:00
紅楓的代碼，我js部分看不懂。

作者: 寒冬殘荷 時間: 2021-8-27 21:07

195400 發表于 2021-8-27 20:58
找個css變量的例子給你看看

https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom ...

我只玩玩而已，不學那么高級的！

不過我是真的不知道css還可以自定義變量。

作者: 宇神無敵 時間: 2021-8-27 21:07
欣賞老師精美音畫佳作，贊一個！

作者: 195400 時間: 2021-8-27 21:10

寒冬殘荷發表于 2021-8-27 21:00
紅楓的代碼，我js部分看不懂。

讀代碼有時比寫代碼還難，自己寫至少思路是清楚的。

作者: 195400 時間: 2021-8-27 21:19

寒冬殘荷發表于 2021-8-27 21:07
我只玩玩而已，不學那么高級的！不過我是真的不知道css還可以自定義變量。

還好，html沒有定義變量一說

歡迎光臨中畫網 (http://www.nujv.cn/)