圖片切換 --- 水平葉片百葉窗

195400

寒冬殘荷

是我的電腦有問題？沒看到百葉窗效果。

寒冬殘荷

background-position-y？我的瀏覽器不支持這個屬性？

寒冬殘荷

ＪＳ代碼看不懂，ＣＳＳ和ＨＴＭＬ看懂最基本常用的。想學，但學不會。

寒冬殘荷

寒冬殘荷

試了，我的瀏覽器支持background-position-y。

195400

華妹 發表于 2021-6-18 11:48
是我的電腦有問題？沒看到百葉窗效果。

電腦上chrome、Firefox和 win 10的edge 都可以正常顯示，IE 11 和 國產的瀏覽器大概都不行。

195400

華妹 發表于 2021-6-18 13:25
試了，我的瀏覽器支持background-position-y。

您的瀏覽器可能是不支持Web 動畫 API（Web Animation API）。

紅楓

可能是論壇不接受某些代碼。 https://dianshang.gaoding.com/toolold/active_blinds.html 有百葉窗換圖的制作。試了，代碼錄在自己電腦上有效果，但放在論壇里就不運行了。

195400

紅楓 發表于 2021-6-20 15:01
可能是論壇不接受某些代碼。

https://dianshang.gaoding.com/toolold/active_blinds.html   有百葉窗換 ...

不是論壇不接受某些代碼，而是使用的瀏覽器不支持某些代碼。
這帖用到了WAAPI（Web Animation API），Chrome，Firefox及Edge都是支持的，國產瀏覽器不知道哪一款支持。
打開這個鏈接https://wow.techbrood.com/static/20161008/25414.html可以測試瀏覽器是不是支持它。