让网站动起来的js库，真漂亮，再也不用写复杂的动画了~wow.js
越来越多的网站特效很漂亮，其中就有一种我很喜欢的动画，就是当滑动到某个元素的时候，元素就是出现动画效果，如：缩放、旋转、滑动等。感觉很漂亮，之前在做企业站的时候，基本上都是自己手写的，有点麻烦而且效果也不是很好，最近发现了一款比较好用的动画库~~~~wow.js，可以轻松的网站具有这种特效。感受一下吧
Wow.js 的动画效果依赖于第三方库，官方推荐的是： Animate.css
当然也可以使用其它的动画库，需要配置一下 wowo.js。这里就以 Animate.css 为例展开介绍了。有兴趣的同学可以尝试使用一下其它的动画库。
- 引入动画库
- 引入并且使用 wow.js
- 配置一下需要使用动画的元素，为元素的class属性添加一个名为 .wow 的class样式
- 从 Animate.css 选择要使用的动画效果
至此，就已经添加好了一个效果了
可以针对时间、延时等一些配置做具体的修改
还可以通过js一些属性
boxClass: 给需要动画效果的元素 设置的class名称，默认是\”wow\”
animateClass: 需要提供动画的库，默认是由 animate.css 提供
offset: 定义距底部还有多少距离时触发动画效果
mobile: 开启是否在手机上使用动画效果
wow.js 使用的 MIT 开源协议，可以免费的使用，不过你的软件如果是有专利或者需要付费的，请记住在您的产品中包含MIT许可证的全部内容。
wow.js 是一款不错的js特效库，可以方便地给元素添加上滑动出现的效果。大大提高了网站的美观和交互性，并且降低了开发时间和成本。
关注我，分享给您实用的前端知识和优秀的组件库~~
Swiper – 免费开源、功能强大的触摸滑动js特效插件
简单配置就能实现手机、PC 网页中滑动、焦点轮播图、tab 切换和触摸导航等大部分功能。
js 滑动特效插件
Swiper 是一款纯 javascript 打造的滑动特效插件，主要用对移动端 web 开发中的内容触摸滑动需求，同时兼容 PC 网页。该插件团队维护多年，非常稳定，是移动端网站滑动需求的重要选择。
移动端应用例子
插件特性
- 应用广泛，轮播图类插件排名第一
- 纯 javascript 打造，无第三方依赖
- 上手简单，中文文档详细，代码例子充足
- 支持在 React / Vue / Angular 等主流框架中作为组件使用
所有滑动需求，Swiper 全搞定
用户界面的滑动需求在移动开发中太常见了，前端开发者在面对不同功能模块的需求，往往需要找几个插件或者组件库来完成。而 Swiper 很能打，大多数情况下都是一个插件满足左右滑动切换功能需求。
pc 端全屏轮播
pc 端卡片切换
Swiper 现在已经更新到 Swiper 6，是一款完成度高、稳定且生态完善的 js 插件，在官网大量的 demo 下，不仅可以满足常见的banner焦点图、菜单和侧滑等常规需求，也能轻松应对 3D 旋转、视差切换等酷炫切换特效，像腾讯、阿里、字节跳动等很多耳熟能详的大厂都在使用。
免费开源说明
Swiper 自发布以来一直基于 MIT 协议开源，使用完全免费，能够用于任何个人和商业项目。
关注我，持续分享高质量的免费开源、免费商用的资源。
↓↓点【了解更多】查看本次分享的网址。
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
