有你在真好 的个人博客
wow.js+animate.css 提升你网站的逼格
阅读:2169 添加日期:2021/3/30 17:43:31

wow.js+animate.css 提升你网站的逼格

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

ICP备案号:苏ICP备14035786号-1 苏公网安备 32050502001014号