1.先引入animate.min.css 文件。
下载网址:http://apps.bdimg.com/libs/animate.css/3.1.0/animate.min.css
2.效果实现有两种方式:
2.1给指定的元素加上类 “animated bounceOutLeft” ,animate是基本类 必须加上,而后一个就是根据自己想要的效果来增加类。
2.2添加动态效果,可以用jq来实现
$('#yourElement').addClass('animated bounceOutLeft').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
$(this).removeClass();
})
注:当动画效果执行完成后还可以通过以下代码添加事件
$('#yourElement').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimatio nend animationend', doSomething);
整理的压缩包下载: http://pan.baidu.com/s/1nuDrHhv