1.简介
Animate.css是一款非常好的,跨浏览器的动画库;
2.浏览器兼容性
因为animate.css 的底层是css3,所以支持的浏览器必须对css3 支持良好;
支持版本:IE10+ 谷歌 火狐Firefox(ff) Safari opera;
3.官网
https://daneden.github.io/animate.css/
4.使用
1>.引入需要的css 库
<link rel="stylesheet" href="animate.min.css">
2>.书写html,并且把需要做动画的元素添加上对应的类名(一共2个,其中第一个必须是animated,第二个是需要的动画效果类 )
<div class="animated bounce" id=“box"></div>
5.动态添加
可以通过jquery来实现:$('#yourElement').addClass('animated bounceOutLeft');
《知识点补充:window.location对象》方法:Window.location.reload() 强刷新当前页面