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 data-wow-duration="2s" data-wow-delay="5s"></div>

 

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

切版- 切图网(qietu.com)旗下psd转html,前端外包的“切图客”团体。

共有1条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

客服咨询
客服1
客服2
微信公众号