页面滚动加载特效脚本WOW.js

2018年11月18日17:30:00 发表评论 379
摘要

现在很多网页都有个炫酷的特效:滚动页面时会展示各式各样的动画效果。WOW.js可帮你实现这种CSS3动画效果,通过设置调整可以改变动画的风格、延迟、偏移量等。我现在用的?Begin主题就在使用这个特效,只是添加了首屏展示的元素不加载动画。使用方法:1、引用动画样式文件2、加载激活WOW.js可选择参

现在很多网页都有个炫酷的特效:滚动页面时会展示各式各样的动画效果。WOW.js 可帮你实现这种 CSS3 动画效果,通过设置调整可以改变动画的风格、延迟、偏移量等。我现在用的?Begin主题 就在使用这个特效,只是添加了首屏展示的元素不加载动画。

页面滚动加载特效脚本WOW.js

使用方法:

1、引用动画样式文件

2、加载激活WOW.js

可选择参数:

其中:

 WOW.js需要执行动画的元素的 class

animated’animation.css 动画的 class

 距离可视区域多少开始执行动画

 是否在移动设备上执行动画默认:true,可选:false

 异步加载的内容是否有效,默认:true,可选:false

3、为HTML添加专有class

其中:

和分别代表方式,可以改为fadeInUp和fadeInDown等实现不同的动画效果。

还可以这样写:

通过添加参数调整动画效果。

改变动画时间

延迟在动画开始之前

距离开始动画(有关浏览器底部)

动画重复的次数

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: