jQuery封装animate.css的实例

<link rel="stylesheet" href="animate.css" rel="external nofollow" >

<div id="box" class="animated bounce"></div>

//扩展$对象，添加方法animateCss
 $.fn.extend({
 animateCss: function (animationName) {
  var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
  $(this).addClass('animated ' + animationName).one(animationEnd, function() {
  $(this).removeClass('animated ' + animationName);
  });
 }
});
//调用示例
$('#box').animateCss('bounce');