wow.js+animate.css 提升你网站的逼格
阅读:2347
添加日期:2021/3/30 17:43:31
wow.js是一款非常容易上手,但是出来效果也是非常棒的一款插件,配合animate.css 动画库,比较灵活,动画库里的动画你可以随意搭配, 我们在不同的项目中总是会用到它,屡试不爽。
30秒快速上手
首先要加载animate.css动画库
<link rel="stylesheet" href="css/animate.min.css">
加载jquery和wow.js
<script TYPE="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script TYPE="text/javascript" src="js/wow.min.js"></script>
最后开启
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
new WOW().init();
};
最后在html标签组合动画
<div class="wow" data-wow-duration="2s" data-wow-delay="5s"></div>
演示
http://qieban.cn
转载请注明来源
http://www.qieban.cn/wow-js