125.如何使用 JS 实现背景视差特效

忘是亡心i 2023-01-01 02:49 159阅读 0赞

## 效果 (源码网盘地址在最后) ##

![f1af832e59ef5705159c41365b7cb263.gif][]

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。

github 地址：[https://github.com/qq449245884/vue-okr-tree][https_github.com_qq449245884_vue-okr-tree]

## 视频演示 ##

视频地址一：[https://www.bilibili.com/video/BV1si4y1w7BJ/][https_www.bilibili.com_video_BV1si4y1w7BJ]

视频地址二：[https://www.ixigua.com/6911983867603878407/][https_www.ixigua.com_6911983867603878407]

## 源码 ##

**index.html**

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>125.如何使用 JS 实现背景视差特效</title>
      &l

[f1af832e59ef5705159c41365b7cb263.gif]: /images/20221120/5f519be73d474db4ba1486f2f7b82f68.png
[https_github.com_qq449245884_vue-okr-tree]: https://github.com/qq449245884/vue-okr-tree
[https_www.bilibili.com_video_BV1si4y1w7BJ]: https://www.bilibili.com/video/BV1si4y1w7BJ/
[https_www.ixigua.com_6911983867603878407]: https://www.ixigua.com/6911983867603878407/

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关 125.如何使用 JS 实现背景视差特效

效果 (源码网盘地址在最后) ![f1af832e59ef5705159c41365b7cb263.gif][] 最近开源了一个 Vue 组件，还不够完善，欢迎大家来一

忘是亡心i/ 2023年01月01日 02:49/ 0 赞/ 160 阅读

相关 112.使用 sketch.js 实现彗星特效

效果 (源码网盘地址在最后) ![ecab32ebe58ee2282825b4b69669dd24.gif][] 最近开源了一个 Vue 组件，还不够完善，欢迎大家来一

淩亂°似流年/ 2022年12月25日 01:49/ 0 赞/ 162 阅读

相关 HTML5霓虹灯烟雾背景js特效

[下载地址][Link 1] HTML5霓虹灯烟雾背景特效是一款基于HTML5 Canvas绘制的全屏烟雾背景动画特效。 ![9d35c7fc53e39edea4f6c0f

缺乏、安全感/ 2022年09月16日 11:20/ 0 赞/ 185 阅读

相关 Starback.js网页背景斜线动态js特效

[下载地址![icon-default.png?t=L892][icon-default.png_t_L892]/images/20220828/8cf36988eb4f47e

今天药忘吃喽~/ 2022年09月13日 14:21/ 0 赞/ 253 阅读

相关 canvas瀑布动画背景js特效

[下载地址][Link 1]使用canvas绘制的瀑布动画背景特效，可以当做网页背景。 ![1630570303.png][] dd: [Link 1]: https:

深碍√TFBOYSˉ_/ 2022年09月10日 05:10/ 0 赞/ 264 阅读

相关 Three.js烟雾背景动画文字js特效

[下载地址][Link 1]Three.js烟雾文字背景动画特效代码，canvas基于webgl酷炫的烟雾弥漫背景动画特效 ![1630271297.png][] dd:

冷不防/ 2022年09月09日 06:14/ 0 赞/ 232 阅读

相关 HTML5 SVG彩色菱形背景js特效

[下载地址][Link 1] HTML5 SVG彩色菱形背景特效是一款彩色密集的菱形背景，渐变的菱形平铺背景，酷炫的菱形ui背景特效。 ![bbf47bb6d1cb7d0b

绝地灬酷狼/ 2022年08月28日 03:55/ 0 赞/ 317 阅读

相关自定义控件：视差特效

ParallaxEffects 视差特效了解ImageView 的scaleType 属性掌握ListView 的overScrollBy()方法应用

阳光穿透心脏的1/2处/ 2022年07月12日 08:10/ 0 赞/ 133 阅读

相关自定义控件：视差特效

ParallaxEffects 视差特效了解ImageView 的scaleType 属性掌握ListView 的overScrollBy()方法应用

ゝ一纸荒年。/ 2022年07月12日 08:10/ 0 赞/ 146 阅读

相关固定背景实现的背景滚动特效

日期：2013-5-19 来源：[GBin1.com][] ![固定背景实现的背景滚动特效][title.jpg] [在线演示][Link 1] 分享一个来自co

矫情吗；*/ 2022年02月16日 17:57/ 0 赞/ 251 阅读