实现原理
Animate.css+wow.js
可以不依赖JQuery,并且在移动端也有不错的效果
使用方法
在想添加动画的元素中添加’wow’ (必须)
在想添加动画的元素中添加’animatecss’ (为动画的Class,可以在该网站找到合适的动画http://daneden.github.io/animate.css/ 自己写也可以)
第一步:引入文件
分别wow.js与Animate.css
第二步:针对需要动画的内容(boxClass)添加类(wow):
<div class="wow bounceInLeft">
……
</div>
例子2:
第三步:添加js脚本
<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: true,
live: true
});
wow.init();
};
</script>
参考链接:https://www.dowebok.com/131.html