一个js视差动画

发表于2023-01-22|更新于2026-02-24

|浏览量:

人生碌碌，竞短论长，却不道荣枯有数，得失难量。——《浮生六记》

分享一个js视差动画：https://codepen.io/isladjan/details/abdyPBw

滑动会出现各种动画效果，非常的好玩

前端

相关推荐

2021-02-14

uniapp实现简单登录注册

生活的情况越艰难，我越感到自己更坚强，甚而也更聪明。——高尔基首先去uniapp官网可以看到介绍 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 DCloud公司拥有600万开发者用户，几十万应用案例、12亿手机端月活用户，数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app（详见），腾讯课堂官方为uni-app录制培训课程（详见），开发者可以放心选择。 uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架（详见）、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。首先我们去下载官方IDE——HBuilderX 解压启动IDE——HBuilderX.exe 我们点击文件->新建-...

2022-10-05

RainEffect

不要从你自己的口袋里掏出勋章借给你的朋友，这是侮辱他的——泰戈尔分享一个真实的雨滴效果： https://tympanus.net/Development/RainEffect/#slide-1 github地址：https://github.com/codrops/RainEffect 还是非常炫酷的

2021-11-10

css中的&

要在座的人都停止了说话的时候，有了机会，方才可以谦逊地把问题提出，向人学习。—— 约翰·洛克今天看到一种css写法： 123456789/deep/ .message-list { flex: 1; .message-item { &-text { position: absolute; } } } /deep/我们之前博客提过了，嵌套写法很简单，今天聊聊&这个父选择器 sass中文文档提到了这个父选择器上方的&-text其实就表示.message-item-text 12345.message-item { &-text { position: absolute; }} 编译后为： 12345.message-item { .message-item-text { position: absolute; }}

2022-06-18

js拖拽框选插件

只要你具备了精神气质的美，只要你有这样的自信，你就会拥有风度的自然之美。——金马分享一个js的拖拽框选插件官网：https://dragselect.com/ 源码：https://github.com/ThibaultJanBeyer/DragSelect.git 使用： 1pnpm i dragselect 有前端大佬翻译了部分，并编写了一个html的demo https://gitee.com/ovsexia/DragSelect-Doc-Cn 我在使用过程中发现反选有点问题，所以如果是跟我一样pnpm i下载下的版本，应该也会有这个问题，因此反选自己实现即可，这是我按照上面链接中的demo在vue模块化项目中的组件： TagDragSelect.vue 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828...

2023-08-28

与情人的小冲突，常常要靠温存、沉默和忍耐来解决，而说理往往无济于事。——安德烈·莫洛亚分享一个前端库qs https://github.com/ljharb/qs 主要是用于请求参数和对象的互转 12345678var qs = require('qs');var assert = require('assert');var obj = qs.parse('a=c');assert.deepEqual(obj, { a: 'c' });var str = qs.stringify(obj);assert.equal(str, 'a=c');

2022-05-30

docsify

冗长的黑暗中，你是我唯一的光。——《白夜行》分享一个文档构建工具docsify 官方网址：https://docsify.js.org/#/zh-cn/ 基本上现在很多开源项目都是基于其构建主要是样式简洁、编写、部署方便，基于markdown文件生成目录、文章非常适合程序员快速开始：https://docsify.js.org/#/zh-cn/quickstart

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中