div class=animated bounce>div>/*只要修改bounce这个类就可以*/
一、atention seekers
1、bounce
2、flash
3、pulse
4、rubberband
5、shake
6、swing
7、tada
8、wobble
9、jello
二、bouncing entrances
1、bouncein
2、bounceindown
3、bounceinleft
4、bounceinright
5、bounceinup
三、bouncing exits
1、bounceout
2、bounceoutdown
3、bounceoutleft
4、bounceoutright
5、bounceoutup
四、fading entrances
1、fadein
2、fadeindown
3、fadeindownbig
4、fadeinleft
5、fadeinleftbig
6、fadeinright
7、fadeinrightbig
8、fadeinup
9、fadeinupbig
五、fading exits
1、fadeout
2、fadeoutdown
3、fadeoutdownbig
4、fadeoutleft
5、fadeoutleftbig
6、fadeoutright
7、fadeoutrightbig
8、fadeoutup
9、fadeoutupbig
六、flippers
1、flip
2、flipinx
3、flipiny
4、flipoutx
5、flipouty
七、lightspeed
1、lightspeedin
2、lightspeedout
八、rotating entrances
1、rotatein
2、rotateindownleft
3、rotateindownright
4、rotateinupleft
5、rotateinupright
九、rotating exits
1、rotateout
2、rotateoutdownleft
3、rotateoutdownright
4、rotateoutupleft
5、rotateoutupright
十、sliding entrances
1、slideinup
2、slideindown
3、slideinleft
4、slideinright
5、slideoutup
6、slideoutdown
7、slideoutleft
8、slideoutright
十一、zoom entrances
1、zoomin
2、zoomindown
3、zoominleft
4、zoominright
5、zoominup
十二、zoom exits
1、zoomout
2、zoomoutdown
3、zoomoutleft
4、zoomoutright
5、zoomoutup
十三、specials
1、hinge
2、rollin
3、rollout
奉上测试代码：
doctype html>html lang=en>head> meta charset=utf-8> title>animationtitle> link rel=stylesheet href=./animate.css> style> div{ width: 100px; height: 100px; margin: 100px; margin-bottom: 50px; background: #0ff0f0; } input[type=text]{ outline: none; width: 188px; height: 48px; border: 2px solid #888; border-radius:10px; text-align: center; font-weight: bold; font-size: 16px; margin-left:55px; } input[type=button]{ width: 120px; height: 40px; font-family: 黑体; text-align: center; font-weight: bold; outline: none; border: 2px solid #00ffff; background: #fff; color: #00ffff; font-size: 14px; cursor: pointer; border-radius: 5px; margin-left:50px; } style>head>body> div>div> input type=text> input type=button value=animate it> script> var obtn=document.getelementsbytagname(input)[1]; var odiv=document.getelementsbytagname(div)[0]; var otext=document.getelementsbytagname(input)[0]; obtn.onclick=function(){ odiv.classname=animated rollout; var arr=odiv.classname.split( ); otext.value=arr[1]; settimeout(function(){odiv.classname=},1000); } script>body>html>