h5 场景动画效果相关插件 aos.js 和 swiper.animate.js
来源:互联网 发布:阿里巴巴店铺数据分析 编辑:程序博客网 时间:2024/05/29 04:44
最近项目要做几个相关的h5 场景动画的小页面,移动端PC端都有,虽然纯手打也不是很难,但是项目要上线,所以时间卡的很紧,又要效果,又不能耽误工期,没办法这时候在网上搜了下相关的插件,找到了两个比较好的,都用了下,上手简单,效果丰富,所以在这里记录下,以后肯定还会用到!
1. swiper.animate.js 这个插件很不错,网上相关的API 也很多,这款插件和 swiper 结合很适合做整平翻滚的场景动画效果
官网链接: http://www.swiper.com.cn/usage/animate/index.html
具体用法可以通过参考官方教程使用,官网底部还有一个预览每个小动画效果的 select
2.aos.js 个人感觉这款插件要比上边的 swiper.animate.js 强大一些,动画效果也很丰富,
这个网址是使用aos.js 插件做的: https://www.heshidai.com/special/app/pc-version/index.html
可以预览下效果
相关资料链接:
http://www.jq22.com/jquery-info8150
可以下载下来研究下,用起来代码量相对 swiper.animate 这款插件要少很多,而且上手也炒鸡简单!
阅读全文
0 0
- h5 场景动画效果相关插件 aos.js 和 swiper.animate.js
- swiper切换动画效果,需要先加载swiper.animate.min.js和animate.min.css。
- H5场景动画 swiper Animate使用方法
- swiper.js插件实现图片滚动效果
- h5页面引用idangerous.swiper.js 插件兼容ios和android出现的问题
- swiper.js插件使用
- swiper.min.js插件
- 用js实现类似jquery里的animate动画效果
- 原生js实现jquery函数animate()动画效果
- WOW.js+animate 帮助你实现滚动页面动画效果
- 自适应滑动插件swiper.js
- JS插件swiper的使用
- [js]实现自定义animate动画库
- jquery的animate动画效果函数用JS代码是如何实现的
- js - 下雪动态效果-setInterval、animate
- swiper.js
- swiper.js
- js滑动特效插件Swiper使用心得
- [FMX] 在Android/iOS 应用中判断上网的网络类型
- (2)send数据细节
- 插入排序-1
- 【HTML5】响应式图片
- [教程]如何降低 Delphi 编码后的 Debug 版本的程序体积
- h5 场景动画效果相关插件 aos.js 和 swiper.animate.js
- 云ERP第一:为什么选择NetSuite?
- ffmpeg系列:使用C++类封装ffmpeg,封装视频帧解码功能Decode()方法
- 数学建模(一)线性规划问题
- 模拟字符串有关功能库函数实现
- MAC 安装mysql全过程记录
- SQL_Server_on_VMware-Best_Practices_Guide.pdf 英文原版 免费下载
- Python控制流
- 关于01背包dp的一些理解