图片切换 --- 水平叶片百叶窗

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可以测试浏览器是不是支持它。

账号		自动登录	找回密码
密码			中文注册