簡介

Wow.js是一個不依賴于jQuery的輕量級js庫，其作用就是能夠在網(wǎng)頁不斷往下滾動的時候逐漸釋放通過animateCSS添加的這些動畫。

注意:必須和animateCSS配合使用。

瀏覽器兼容性

IE10+ ? ? 谷歌 ? ? 火狐 ? ? opera ? ?safari

用法步驟

1、引入文件

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

<script src="wow.min.js"></script>

2、HTML
<div class="wow slideInLeft"></div>?

<div class="wow slideInRight"></div>

3、JavaScript

new WOW().init();

wow屬性

屬性是指寫在HTML身上的

data-wow-delay ? ? ? 延遲

data-wow-duration ? 動畫持續(xù)的時間

data-wow-iteration ? 動畫重復(fù)的次數(shù)

data-wow-offset ? ? ? 距離瀏覽器底部到隱藏框頂部的距離，如下貼圖

配置參數(shù)