我今天看到b站的首页头部有个移动模糊的效果,就自己尝试模仿了一下。
最后效果 Demo。
但是这个小人的眨眼几张图片的切换我是用的更改 img
的 src
实现的,由于这个切换一直用定时器循环,会一直发请求,浏览器有时也会把请求 cancel
掉,导致有时候动画运行有问题。
我发现 b 站的这个眨眼动画是替换了 img 这个元素,但是我尝试了一下没有找到解决方法。请知道的大神指导一下,非常感谢。
代码在 Github.
我今天看到b站的首页头部有个移动模糊的效果,就自己尝试模仿了一下。
最后效果 Demo。
但是这个小人的眨眼几张图片的切换我是用的更改 img
的 src
实现的,由于这个切换一直用定时器循环,会一直发请求,浏览器有时也会把请求 cancel
掉,导致有时候动画运行有问题。
我发现 b 站的这个眨眼动画是替换了 img 这个元素,但是我尝试了一下没有找到解决方法。请知道的大神指导一下,非常感谢。
代码在 Github.
13 回答13k 阅读
8 回答2.9k 阅读
2 回答5.2k 阅读✓ 已解决
5 回答1.5k 阅读
7 回答2.2k 阅读
3 回答1.3k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
img 序列 预加载到一个 img数组
然后 直接在指定位置内替换 预加载的 img,这样不会出现 重新请求的问题