wow.js调用教程

wow动画插件使用@TOC

wow.js调用

1.在页面头部调用animate.css或animate.min.css
<link rel="stylesheet" href="./css/animated.css">

2.在页面底部引用wow.js，并进行初始化
简单版

<script src='./js/wow.min.js'></script>
<script>
  vnew WOW().init();
</script>

自定义版

<script src='./js/wow.min.js'></script>
<script>
   var wow = new WOW({
   boxClass: 'wow',
   animateClass: 'animated',
  offset: 0,
  mobile: true,
  live: true
});
wow.init();
</script>

<!-- 
boxClass       默认值：wow         需要执行动画元素的class
animateClass   默认值：animated    animated.css动画的class
offset         默认值：0           距离可视区