中畫網

標題: 圖片切換 --- 水平葉片百葉窗 [打印本頁]

作者: 195400 時間: 2021-6-18 09:47
標題: 圖片切換 --- 水平葉片百葉窗

作者: 寒冬殘荷 時間: 2021-6-18 11:48
是我的電腦有問題？沒看到百葉窗效果。

作者: 寒冬殘荷 時間: 2021-6-18 12:02
background-position-y？我的瀏覽器不支持這個屬性？

作者: 寒冬殘荷 時間: 2021-6-18 12:09
ＪＳ代碼看不懂，ＣＳＳ和ＨＴＭＬ看懂最基本常用的。

想學，但學不會。

作者: 寒冬殘荷 時間: 2021-6-18 13:24

作者: 寒冬殘荷 時間: 2021-6-18 13:25
試了，我的瀏覽器支持background-position-y。

作者: 195400 時間: 2021-6-18 21:13

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

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

作者: 195400 時間: 2021-6-18 21:31

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

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

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

作者: 195400 時間: 2021-6-20 15:29

紅楓發表于 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可以測試瀏覽器是不是支持它。

作者: 西椅子胡同 時間: 2021-6-20 16:33
很好的特效

在我的電腦上，用360安全瀏覽器、Chrome和Edge瀏覽器能顯示百頁窗效果，但用QQ瀏覽器和IE不行。

在我手機默認的瀏覽器上不顯百頁窗效果，點擊手機屏幕右上角的三個圓點后選擇“用瀏覽打開”，其中的“瀏覽器”能顯示百頁窗效果，其它幾種瀏覽器不能顯示。

作者: 195400 時間: 2021-6-20 18:28

西椅子胡同發表于 2021-6-20 16:33
很好的特效

在我的電腦上，用360安全瀏覽器、Chrome和Edge瀏覽器能顯示百頁窗效果 ...

謝謝您的信息，原來以為國產瀏覽器都不支持WAAPI，現在看來360可行。IOS的Safari'也行。

作者: 195400 時間: 2021-6-20 20:06
這樣的切換特效Flash有現成的但現在的問題是主流瀏覽器已經不再支持Flash了

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