WOW.js

WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需求。

<link rel="stylesheet" href="css/animate.min.css">

<div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s"></div><div class="wow slideInRight" data-wow-offset="10"  data-wow-iteration="10"></div>

new WOW().init();

var wow = new WOW({    boxClass: 'wow',    animateClass: 'animated',    offset: 0,    mobile: true,    live: true});wow.init();

属性/方法类型默认值说明boxClass字符串‘wow’需要执行动画的元素的 classanimateClass字符串‘animated’animation.css 动画的 classoffset整数0距离可视区域多少开始执行动画mobile布尔值true是否在移动设备上执行动画live布尔值true异步加载的内容是否有效