支付宝赞助帐号:service@kuitao8.com 

下载地址

css3动画效果实现的方法

Created2015-07-31   Views 1500    Author 懒人程序


<!DOCTYPE html> <html lang="en"> <head> <title>Animate.css</title> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1, minimal-ui" /> <link rel="stylesheet" href="animate.min.css" /> </head> <body> <div class="webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend animated bounceInDown">简单的实现方法</div> <span class="animationSandbox2" style="display: block;"><h1 class="site__title mega">Animate.css</h1></span> <span class="animationSandbox3" style="display: block;"><h1 class="site__title mega">Animate.css</h1></span> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script> $(document).ready(function(){ action('animationSandbox2','bounceInDown'); action('animationSandbox3','rollOut'); }); function action(classes,animation){ var classs = "."+classes; $(classs).removeClass().addClass(animation + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ $(this).removeClass(); }); } </script> </body> </html>


下载地址

http://www.kuitao8.com/h9w0tbae

查看效果
上一篇: bootstrap最新视频教程免费下载
下一篇: css3动画效果的例子下载
支持键盘 ← →

邮件订阅

订阅我们的精彩内容