animate.css结合jquery实现完美动画效果
css3带来了更炫的效果，虽然写动画有点麻烦，但还是得懂啦^_^
animate.css来自大牛Daniel Eden，这个css库实现包装了一堆酷炫的动画效果，而使用只需要设置类而已，大大简化了动画的使用。
使用方法
1、首先到官网下载文件，找到animate.min.css，引入文件：
<head> <link rel="stylesheet" href="animate.min.css"> </head>
2、为元素添加动画类，具体看Demo，自行选择需要的效果，必须添加一个animated类和一个效果类例如bounceIn类：
<div id="demo" class="animated bounceIn">Animate.css Demo</div>
设置好动画类之后刷新即可查看效果，但是动画只能执行一次。
3、利用jquery配置，实现鼠标控制动画执行，其实需要不断得删除添加类：
<script>
$(document).ready(function(){
$("#demo").mouseover(function(){
$(this).addClass("animated swing");
});
$("#demo").mouseleave(function(){
$(this).removeClass("animated swing");
});
});
</script>注意事项
重点注意元素的位置属性，动画是利用元素的相对位置执行的，例如本站的导航的子菜单开始隐藏在left:-9999px;使用时需要设置left:auto;，才能正常看到动画。
所有完整的动画效果查看Demo，然后自己尝试一下吧。
点赞13
inwardoutward http://www.inwardoutward.net/
iranqnap http://www.iranqnap.com/
xmrujo http://www.xmrujo.com/
byedrinkusa http://www.byedrinkusa.com/
sousoushop http://www.sousoushop.com/
jemegaupload http://www.jemegaupload.com/
charleyscafe http://www.charleyscafe.com/
alabama beanie http://www.dynamitagefdt.com/alabama-beanie-hats
[url=http://www.hurizmir.com/]hurizmir[/url]
stephbenzer http://www.stephbenzer.com/