jAnimate是一款帮助你在jQuery中使用Animate.css的插件。如果你想立刻中止动画效果，且保持该状态不变的话，推荐使用jAnimate。
示例：
<!DOCTYPE html><head> <meta charset="utf-8"> <title>janimate example</title> <link rel="stylesheet" href="https://cdn.rawgit.com/daneden/animate.css/master/animate.css"></head><body> <h1>Hello jAnimate</h1> <button class="e1">swing</button> <button class="e2">shake</button> <button class="e3">fadeOut</button> <button class="e4">fadeIn</button> <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> <script src="https://cdn.rawgit.com/renatorib/janimate/master/dist/janimate.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.e1').click(function(){ $('h1').jAnimateOnce('swing'); }); $('.e2').click(function(){ $('h1').jAnimateOnce('shake'); }); $('.e3').click(function(){ $('h1').jAnimate('fadeOut'); }); $('.e4').click(function(){ $('h1').jAnimate('fadeIn', function(self, effect){ alert(effect + ' finish'); }); }); }); </script></body>
评论