wow.js是一款非常容易上手，但是出来效果也是非常棒的一款插件，配合animate.css 动画库，比较灵活，动画库里的动画你可以随意搭配， 我们在不同的项目中总是会用到它，屡试不爽。

30秒快速上手

首先要加载animate.css动画库

[codesyntax lang=”div”]

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

[/codesyntax]
加载jquery和wow.js

[codesyntax lang=”div”]

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>

[/codesyntax]

最后开启

[codesyntax lang=”javascript”]

if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){

new WOW().init();

};

[/codesyntax]

​
最后在html标签组合动画

[codesyntax lang=”div”]

<div data-wow-duration="2s" data-wow-delay="5s"></div>

[/codesyntax]

切版原创，转载请注明来源。

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。